commit 52b24267b40f1e7f7081ba5f162dc9b6f528d84a
parent 4721de8cb7df3a004bd0211d2d813ed81e4e07ea
Author: Tyson Lupul <triesap@radroots.dev>
Date: Mon, 22 Dec 2025 15:56:38 +0000
Merge pull request #6 from radrootslabs/migrate/themes
Migrate @radoots/themes
Diffstat:
31 files changed, 2147 insertions(+), 0 deletions(-)
diff --git a/themes/.gitignore b/themes/.gitignore
@@ -0,0 +1,40 @@
+node_modules
+dist
+.turbo
+
+# Logs
+logs/
+*.log
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+.local*
+justfile
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Secrets
+*.pem
+*.crt
+*.key
+
+# Testing
+test*.json
+
+# Editors
+.vscode/
+.idea/
+*.iml
+
+# Notes
+notes*.txt
+notes*.md
+notes*.json
+tree*.txt
+diff*.txt
+prompt*.txt
diff --git a/themes/LICENSE b/themes/LICENSE
@@ -0,0 +1,674 @@
+ GNU GENERAL PUBLIC LICENSE
+ Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+ Preamble
+
+ The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+ The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works. By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users. We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors. You can apply it to
+your programs, too.
+
+ When we speak of free software, we are referring to freedom, not
+price. Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+ To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights. Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+ For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received. You must make sure that they, too, receive
+or can get the source code. And you must show them these terms so they
+know their rights.
+
+ Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+ For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software. For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+ Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so. This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software. The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable. Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products. If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+ Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary. To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+ The precise terms and conditions for copying, distribution and
+modification follow.
+
+ TERMS AND CONDITIONS
+
+ 0. Definitions.
+
+ "This License" refers to version 3 of the GNU General Public License.
+
+ "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+ "The Program" refers to any copyrightable work licensed under this
+License. Each licensee is addressed as "you". "Licensees" and
+"recipients" may be individuals or organizations.
+
+ To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy. The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+ A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+ To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy. Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+ To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies. Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+ An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License. If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+ 1. Source Code.
+
+ The "source code" for a work means the preferred form of the work
+for making modifications to it. "Object code" means any non-source
+form of a work.
+
+ A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+ The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form. A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+ The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities. However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work. For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+ The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+ The Corresponding Source for a work in source code form is that
+same work.
+
+ 2. Basic Permissions.
+
+ All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met. This License explicitly affirms your unlimited
+permission to run the unmodified Program. The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work. This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+ You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force. You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright. Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+ Conveying under any other circumstances is permitted solely under
+the conditions stated below. Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+ 3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+ No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+ When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+ 4. Conveying Verbatim Copies.
+
+ You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+ You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+ 5. Conveying Modified Source Versions.
+
+ You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+ a) The work must carry prominent notices stating that you modified
+ it, and giving a relevant date.
+
+ b) The work must carry prominent notices stating that it is
+ released under this License and any conditions added under section
+ 7. This requirement modifies the requirement in section 4 to
+ "keep intact all notices".
+
+ c) You must license the entire work, as a whole, under this
+ License to anyone who comes into possession of a copy. This
+ License will therefore apply, along with any applicable section 7
+ additional terms, to the whole of the work, and all its parts,
+ regardless of how they are packaged. This License gives no
+ permission to license the work in any other way, but it does not
+ invalidate such permission if you have separately received it.
+
+ d) If the work has interactive user interfaces, each must display
+ Appropriate Legal Notices; however, if the Program has interactive
+ interfaces that do not display Appropriate Legal Notices, your
+ work need not make them do so.
+
+ A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit. Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+ 6. Conveying Non-Source Forms.
+
+ You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+ a) Convey the object code in, or embodied in, a physical product
+ (including a physical distribution medium), accompanied by the
+ Corresponding Source fixed on a durable physical medium
+ customarily used for software interchange.
+
+ b) Convey the object code in, or embodied in, a physical product
+ (including a physical distribution medium), accompanied by a
+ written offer, valid for at least three years and valid for as
+ long as you offer spare parts or customer support for that product
+ model, to give anyone who possesses the object code either (1) a
+ copy of the Corresponding Source for all the software in the
+ product that is covered by this License, on a durable physical
+ medium customarily used for software interchange, for a price no
+ more than your reasonable cost of physically performing this
+ conveying of source, or (2) access to copy the
+ Corresponding Source from a network server at no charge.
+
+ c) Convey individual copies of the object code with a copy of the
+ written offer to provide the Corresponding Source. This
+ alternative is allowed only occasionally and noncommercially, and
+ only if you received the object code with such an offer, in accord
+ with subsection 6b.
+
+ d) Convey the object code by offering access from a designated
+ place (gratis or for a charge), and offer equivalent access to the
+ Corresponding Source in the same way through the same place at no
+ further charge. You need not require recipients to copy the
+ Corresponding Source along with the object code. If the place to
+ copy the object code is a network server, the Corresponding Source
+ may be on a different server (operated by you or a third party)
+ that supports equivalent copying facilities, provided you maintain
+ clear directions next to the object code saying where to find the
+ Corresponding Source. Regardless of what server hosts the
+ Corresponding Source, you remain obligated to ensure that it is
+ available for as long as needed to satisfy these requirements.
+
+ e) Convey the object code using peer-to-peer transmission, provided
+ you inform other peers where the object code and Corresponding
+ Source of the work are being offered to the general public at no
+ charge under subsection 6d.
+
+ A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+ A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling. In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage. For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product. A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+ "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source. The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+ If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information. But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+ The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed. Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+ Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+ 7. Additional Terms.
+
+ "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law. If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+ When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it. (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.) You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+ Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+ a) Disclaiming warranty or limiting liability differently from the
+ terms of sections 15 and 16 of this License; or
+
+ b) Requiring preservation of specified reasonable legal notices or
+ author attributions in that material or in the Appropriate Legal
+ Notices displayed by works containing it; or
+
+ c) Prohibiting misrepresentation of the origin of that material, or
+ requiring that modified versions of such material be marked in
+ reasonable ways as different from the original version; or
+
+ d) Limiting the use for publicity purposes of names of licensors or
+ authors of the material; or
+
+ e) Declining to grant rights under trademark law for use of some
+ trade names, trademarks, or service marks; or
+
+ f) Requiring indemnification of licensors and authors of that
+ material by anyone who conveys the material (or modified versions of
+ it) with contractual assumptions of liability to the recipient, for
+ any liability that these contractual assumptions directly impose on
+ those licensors and authors.
+
+ All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10. If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term. If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+ If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+ Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+ 8. Termination.
+
+ You may not propagate or modify a covered work except as expressly
+provided under this License. Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+ However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+ Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+ Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License. If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+ 9. Acceptance Not Required for Having Copies.
+
+ You are not required to accept this License in order to receive or
+run a copy of the Program. Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance. However,
+nothing other than this License grants you permission to propagate or
+modify any covered work. These actions infringe copyright if you do
+not accept this License. Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+ 10. Automatic Licensing of Downstream Recipients.
+
+ Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License. You are not responsible
+for enforcing compliance by third parties with this License.
+
+ An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations. If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+ You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License. For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+ 11. Patents.
+
+ A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based. The
+work thus licensed is called the contributor's "contributor version".
+
+ A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version. For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+ Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+ In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement). To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+ If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients. "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+ If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+ A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License. You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+ Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+ 12. No Surrender of Others' Freedom.
+
+ If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License. If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all. For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+ 13. Use with the GNU Affero General Public License.
+
+ Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work. The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+ 14. Revised Versions of this License.
+
+ The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time. Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+ Each version is given a distinguishing version number. If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation. If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+ If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+ Later license versions may give you additional or different
+permissions. However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+ 15. Disclaimer of Warranty.
+
+ THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+ 16. Limitation of Liability.
+
+ IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+ 17. Interpretation of Sections 15 and 16.
+
+ If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+ END OF TERMS AND CONDITIONS
+
+ How to Apply These Terms to Your New Programs
+
+ If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+ To do so, attach the following notices to the program. It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+ <one line to give the program's name and a brief idea of what it does.>
+ Copyright (C) <year> <name of author>
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+ If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+ <program> Copyright (C) <year> <name of author>
+ This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+ This is free software, and you are welcome to redistribute it
+ under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License. Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+ You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+ The GNU General Public License does not permit incorporating your program
+into proprietary programs. If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library. If this is what you want to do, use the GNU Lesser General
+Public License instead of this License. But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
+\ No newline at end of file
diff --git a/themes/css/layout.css b/themes/css/layout.css
@@ -0,0 +1,145 @@
+@import "tailwindcss";
+
+@theme {
+ --height-bold_button: 4.25rem;
+ --height-entry_line: 48px;
+ --height-ios0: 340px;
+ --height-ios1: 345px;
+ --height-line: 46px;
+ --height-line_button: 3.25rem;
+ --height-lo_bottom_button_ios0: 90px;
+ --height-lo_bottom_button_ios1: 112px;
+ --height-lo_view_main_ios0: 22rem;
+ --height-lo_view_main_ios1: 28rem;
+ --height-nav_page_header_ios0: 62px;
+ --height-nav_page_header_ios1: 62px;
+ --height-nav_page_toolbar_ios0: 72px;
+ --height-nav_page_toolbar_ios1: 120px;
+ --height-nav_tabs_ios0: 80px;
+ --height-nav_tabs_ios1: 120px;
+ --height-touch_guide: 3.4rem;
+ --max-height-bold_button: 4.25rem;
+ --max-height-entry_line: 48px;
+ --max-height-ios0: 340px;
+ --max-height-ios1: 345px;
+ --max-height-line: 46px;
+ --max-height-line_button: 3.25rem;
+ --max-height-lo_bottom_button_ios0: 90px;
+ --max-height-lo_bottom_button_ios1: 112px;
+ --max-height-lo_view_main_ios0: 22rem;
+ --max-height-lo_view_main_ios1: 28rem;
+ --max-height-nav_page_header_ios0: 62px;
+ --max-height-nav_page_header_ios1: 62px;
+ --max-height-nav_page_toolbar_ios0: 72px;
+ --max-height-nav_page_toolbar_ios1: 120px;
+ --max-height-nav_tabs_ios0: 80px;
+ --max-height-nav_tabs_ios1: 120px;
+ --max-height-touch_guide: 3.4rem;
+ --max-width-ios0: 340px;
+ --max-width-ios1: 345px;
+ --max-width-lo_ios0: 340px;
+ --max-width-lo_ios1: 345px;
+ --max-width-lo_line_entry_ios0: 349px;
+ --max-width-lo_line_entry_ios1: 378px;
+ --max-width-lo_textdesc_ios0: 312px;
+ --max-width-lo_textdesc_ios1: 312px;
+ --max-width-trellis_display: 286px;
+ --max-width-trellis_value: 180px;
+ --min-height-bold_button: 4.25rem;
+ --min-height-entry_line: 48px;
+ --min-height-ios0: 340px;
+ --min-height-ios1: 345px;
+ --min-height-line: 46px;
+ --min-height-line_button: 3.25rem;
+ --min-height-lo_bottom_button_ios0: 90px;
+ --min-height-lo_bottom_button_ios1: 112px;
+ --min-height-lo_view_main_ios0: 22rem;
+ --min-height-lo_view_main_ios1: 28rem;
+ --min-height-nav_page_header_ios0: 62px;
+ --min-height-nav_page_header_ios1: 62px;
+ --min-height-nav_page_toolbar_ios0: 72px;
+ --min-height-nav_page_toolbar_ios1: 120px;
+ --min-height-nav_tabs_ios0: 80px;
+ --min-height-nav_tabs_ios1: 120px;
+ --min-height-touch_guide: 3.4rem;
+ --min-width-ios0: 340px;
+ --min-width-ios1: 345px;
+ --min-width-lo_ios0: 340px;
+ --min-width-lo_ios1: 345px;
+ --min-width-lo_line_entry_ios0: 349px;
+ --min-width-lo_line_entry_ios1: 378px;
+ --min-width-lo_textdesc_ios0: 312px;
+ --min-width-lo_textdesc_ios1: 312px;
+ --min-width-trellis_display: 286px;
+ --min-width-trellis_value: 180px;
+ --padding-dim_ios0: 340px;
+ --padding-dim_ios1: 345px;
+ --padding-h_bold_button: 4.25rem;
+ --padding-h_entry_line: 48px;
+ --padding-h_ios0: 340px;
+ --padding-h_ios1: 345px;
+ --padding-h_line: 46px;
+ --padding-h_line_button: 3.25rem;
+ --padding-h_lo_bottom_button_ios0: 90px;
+ --padding-h_lo_bottom_button_ios1: 112px;
+ --padding-h_lo_view_main_ios0: 22rem;
+ --padding-h_lo_view_main_ios1: 28rem;
+ --padding-h_nav_page_header_ios0: 62px;
+ --padding-h_nav_page_header_ios1: 62px;
+ --padding-h_nav_page_toolbar_ios0: 72px;
+ --padding-h_nav_page_toolbar_ios1: 120px;
+ --padding-h_nav_tabs_ios0: 80px;
+ --padding-h_nav_tabs_ios1: 120px;
+ --padding-h_touch_guide: 3.4rem;
+ --padding-w_ios0: 340px;
+ --padding-w_ios1: 345px;
+ --padding-w_lo_ios0: 340px;
+ --padding-w_lo_ios1: 345px;
+ --padding-w_lo_line_entry_ios0: 349px;
+ --padding-w_lo_line_entry_ios1: 378px;
+ --padding-w_lo_textdesc_ios0: 312px;
+ --padding-w_lo_textdesc_ios1: 312px;
+ --padding-w_trellis_display: 286px;
+ --padding-w_trellis_value: 180px;
+ --spacing-dim_ios0: 340px;
+ --spacing-dim_ios1: 345px;
+ --spacing-edge: 2px;
+ --spacing-line: 1px;
+ --translate-h_bold_button: 4.25rem;
+ --translate-h_entry_line: 48px;
+ --translate-h_ios0: 340px;
+ --translate-h_ios1: 345px;
+ --translate-h_line: 46px;
+ --translate-h_line_button: 3.25rem;
+ --translate-h_lo_bottom_button_ios0: 90px;
+ --translate-h_lo_bottom_button_ios1: 112px;
+ --translate-h_lo_view_main_ios0: 22rem;
+ --translate-h_lo_view_main_ios1: 28rem;
+ --translate-h_nav_page_header_ios0: 62px;
+ --translate-h_nav_page_header_ios1: 62px;
+ --translate-h_nav_page_toolbar_ios0: 72px;
+ --translate-h_nav_page_toolbar_ios1: 120px;
+ --translate-h_nav_tabs_ios0: 80px;
+ --translate-h_nav_tabs_ios1: 120px;
+ --translate-h_touch_guide: 3.4rem;
+ --translate-w_ios0: 340px;
+ --translate-w_ios1: 345px;
+ --translate-w_lo_ios0: 340px;
+ --translate-w_lo_ios1: 345px;
+ --translate-w_lo_line_entry_ios0: 349px;
+ --translate-w_lo_line_entry_ios1: 378px;
+ --translate-w_lo_textdesc_ios0: 312px;
+ --translate-w_lo_textdesc_ios1: 312px;
+ --translate-w_trellis_display: 286px;
+ --translate-w_trellis_value: 180px;
+ --width-ios0: 340px;
+ --width-ios1: 345px;
+ --width-lo_ios0: 340px;
+ --width-lo_ios1: 345px;
+ --width-lo_line_entry_ios0: 349px;
+ --width-lo_line_entry_ios1: 378px;
+ --width-lo_textdesc_ios0: 312px;
+ --width-lo_textdesc_ios1: 312px;
+ --width-trellis_display: 286px;
+ --width-trellis_value: 180px;
+}
diff --git a/themes/css/screens.css b/themes/css/screens.css
@@ -0,0 +1,13 @@
+@import "tailwindcss";
+
+@custom-variant ios1 {
+ @media (orientation: portrait) and (min-height: 750px) {
+ @slot;
+ }
+}
+
+@custom-variant ios0 {
+ @media (orientation: portrait) and (max-height: 680px) {
+ @slot;
+ }
+}
+\ No newline at end of file
diff --git a/themes/css/styles.css b/themes/css/styles.css
@@ -0,0 +1,39 @@
+@import "tailwindcss";
+
+@theme {
+ --color-ly0: hsl(var(--ly0) / <alpha-value>);
+ --color-ly0-w: hsl(var(--ly0-w) / <alpha-value>);
+ --color-ly0-a: hsl(var(--ly0-a) / <alpha-value>);
+ --color-ly0-edge: hsl(var(--ly0-edge) / <alpha-value>);
+ --color-ly0-blur: hsl(var(--ly0-blur) / <alpha-value>);
+ --color-ly0-gl: hsl(var(--ly0-gl) / <alpha-value>);
+ --color-ly0-gl-a: hsl(var(--ly0-gl-a) / <alpha-value>);
+ --color-ly0-gl-pl: hsl(var(--ly0-gl-pl) / <alpha-value>);
+ --color-ly0-gl-hl: hsl(var(--ly0-gl-hl) / <alpha-value>);
+ --color-ly0-gl-hl-a: hsl(var(--ly0-gl-hl-a) / <alpha-value>);
+ --color-ly0-gl-shade: hsl(var(--ly0-gl-shade) / <alpha-value>);
+ --color-ly0-gl-label: hsl(var(--ly0-gl-label) / <alpha-value>);
+ --color-ly1: hsl(var(--ly1) / <alpha-value>);
+ --color-ly1-a: hsl(var(--ly1-a) / <alpha-value>);
+ --color-ly1-edge: hsl(var(--ly1-edge) / <alpha-value>);
+ --color-ly1-err: hsl(var(--ly1-err) / <alpha-value>);
+ --color-ly1-focus: hsl(var(--ly1-focus) / <alpha-value>);
+ --color-ly1-gl: hsl(var(--ly1-gl) / <alpha-value>);
+ --color-ly1-gl-a: hsl(var(--ly1-gl-a) / <alpha-value>);
+ --color-ly1-gl-d: hsl(var(--ly1-gl-d) / <alpha-value>);
+ --color-ly1-gl-pl: hsl(var(--ly1-gl-pl) / <alpha-value>);
+ --color-ly1-gl-hl: hsl(var(--ly1-gl-hl) / <alpha-value>);
+ --color-ly1-gl-hl-a: hsl(var(--ly1-gl-hl-a) / <alpha-value>);
+ --color-ly1-gl-shade: hsl(var(--ly1-gl-shade) / <alpha-value>);
+ --color-ly1-gl-label: hsl(var(--ly1-gl-label) / <alpha-value>);
+ --color-ly2: hsl(var(--ly2) / <alpha-value>);
+ --color-ly2-a: hsl(var(--ly2-a) / <alpha-value>);
+ --color-ly2-edge: hsl(var(--ly2-edge) / <alpha-value>);
+ --color-ly2-gl: hsl(var(--ly2-gl) / <alpha-value>);
+ --color-ly2-gl-a: hsl(var(--ly2-gl-a) / <alpha-value>);
+ --color-ly2-gl-d: hsl(var(--ly2-gl-d) / <alpha-value>);
+ --color-ly2-gl-pl: hsl(var(--ly2-gl-pl) / <alpha-value>);
+ --color-ly2-gl-hl: hsl(var(--ly2-gl-hl) / <alpha-value>);
+ --color-ly2-gl-hl-a: hsl(var(--ly2-gl-hl-a) / <alpha-value>);
+ --color-ly2-gl-shade: hsl(var(--ly2-gl-shade) / <alpha-value>);
+}
diff --git a/themes/css/theme_os.css b/themes/css/theme_os.css
@@ -0,0 +1,83 @@
+@plugin "daisyui/theme" {
+ name: "os_dark";
+ default: false;
+ prefersdark: true;
+ color-scheme: dark;
+ --color-ly0: hsl(0, 0%, 7%);
+ --color-ly0-w: hsl(0, 0%, 7%);
+ --color-ly0-a: hsl(240, 2%, 23%);
+ --color-ly0-edge: hsl(274, 4%, 11%);
+ --color-ly0-blur: hsl(0, 0%, 12%);
+ --color-ly0-gl: hsl(230, 3%, 56%);
+ --color-ly0-gl-a: hsl(230, 3%, 51%);
+ --color-ly0-gl-pl: hsl(30, 1%, 99%);
+ --color-ly0-gl-hl: hsl(210, 100%, 52%);
+ --color-ly0-gl-hl-a: hsl(210, 91%, 21%);
+ --color-ly0-gl-shade: hsl(240, 3%, 57%);
+ --color-ly0-gl-label: hsl(240, 3%, 55%);
+ --color-ly1: hsl(240, 4%, 11%);
+ --color-ly1-a: hsl(240, 2%, 23%);
+ --color-ly1-edge: hsl(240, 3%, 19%);
+ --color-ly1-err: hsl(0, 0%, 0%);
+ --color-ly1-focus: hsl(240, 4%, 20%);
+ --color-ly1-gl: hsl(30, 100%, 100%);
+ --color-ly1-gl-a: hsl(30, 1%, 90%);
+ --color-ly1-gl-d: hsl(240, 1%, 82%);
+ --color-ly1-gl-pl: hsl(30, 1%, 99%);
+ --color-ly1-gl-hl: hsl(210, 100%, 52%);
+ --color-ly1-gl-hl-a: hsl(210, 100%, 62%);
+ --color-ly1-gl-shade: hsl(230, 4%, 61%);
+ --color-ly1-gl-label: hsl(30, 1%, 99%);
+ --color-ly2: hsl(240, 2%, 18%);
+ --color-ly2-a: hsl(240, 3%, 15%);
+ --color-ly2-edge: hsl(240, 2%, 23%);
+ --color-ly2-gl: hsl(240, 3%, 73%);
+ --color-ly2-gl-a: hsl(230, 4%, 51%);
+ --color-ly2-gl-d: hsl(240, 3%, 63%);
+ --color-ly2-gl-pl: hsl(240, 2%, 40%);
+ --color-ly2-gl-hl: hsl(210, 100%, 52%);
+ --color-ly2-gl-hl-a: hsl(210, 100%, 42%);
+ --color-ly2-gl-shade: hsl(230, 4%, 61%);
+}
+
+@plugin "daisyui/theme" {
+ name: "os_light";
+ default: false;
+ prefersdark: false;
+ color-scheme: light;
+ --color-ly0: hsl(240, 24%, 96%);
+ --color-ly0-w: hsl(248, 17%, 98%);
+ --color-ly0-a: hsl(240, 6%, 83%);
+ --color-ly0-edge: hsl(0, 0%, 87%);
+ --color-ly0-blur: hsl(179, 7%, 96%);
+ --color-ly0-gl: hsl(240, 2%, 55%);
+ --color-ly0-gl-a: hsl(240, 2%, 60%);
+ --color-ly0-gl-pl: hsl(240, 2%, 78%);
+ --color-ly0-gl-hl: hsl(219, 92%, 59%);
+ --color-ly0-gl-hl-a: hsl(211, 100%, 40%);
+ --color-ly0-gl-shade: hsl(230, 3%, 54%);
+ --color-ly0-gl-label: hsl(240, 2%, 53%);
+ --color-ly1: hsl(0, 0%, 100%);
+ --color-ly1-a: hsl(240, 6%, 83%);
+ --color-ly1-edge: hsl(274, 4%, 90%);
+ --color-ly1-err: hsl(0, 0%, 0%);
+ --color-ly1-focus: hsl(240, 15%, 94%);
+ --color-ly1-gl: hsl(0, 0%, 10%);
+ --color-ly1-gl-a: hsl(0, 0%, 10%);
+ --color-ly1-gl-d: hsl(0, 0%, 20%);
+ --color-ly1-gl-pl: hsl(240, 2%, 78%);
+ --color-ly1-gl-hl: hsl(211, 100%, 50%);
+ --color-ly1-gl-hl-a: hsl(211, 100%, 40%);
+ --color-ly1-gl-shade: hsl(240, 2%, 55%);
+ --color-ly1-gl-label: hsl(240, 2%, 53%);
+ --color-ly2: hsl(240, 5%, 90%);
+ --color-ly2-a: hsl(240, 5%, 95%);
+ --color-ly2-edge: hsl(242, 2%, 88%);
+ --color-ly2-gl: hsl(240, 2%, 55%);
+ --color-ly2-gl-a: hsl(240, 2%, 45%);
+ --color-ly2-gl-d: hsl(240, 2%, 65%);
+ --color-ly2-gl-pl: hsl(240, 2%, 78%);
+ --color-ly2-gl-hl: hsl(211, 100%, 50%);
+ --color-ly2-gl-hl-a: hsl(211, 100%, 40%);
+ --color-ly2-gl-shade: hsl(240, 2%, 55%);
+}
diff --git a/themes/package.json b/themes/package.json
@@ -0,0 +1,47 @@
+{
+ "name": "@radroots/themes",
+ "version": "0.0.1",
+ "private": false,
+ "license": "GPL-3.0-or-later",
+ "type": "module",
+ "main": "./dist/cjs/index.js",
+ "module": "./dist/esm/index.js",
+ "types": "./dist/types/index.d.ts",
+ "exports": {
+ ".": {
+ "types": "./dist/types/index.d.ts",
+ "import": "./dist/esm/index.js",
+ "require": "./dist/cjs/index.js"
+ },
+ "./generator": {
+ "types": "./dist/types/generator/index.d.ts",
+ "import": "./dist/esm/generator/index.js",
+ "require": "./dist/cjs/generator/index.js"
+ },
+ "./css/*": "./css/*"
+ },
+ "bin": {
+ "radroots-generate-themes": "./dist/cjs/bin/generate-theme/main.js"
+ },
+ "scripts": {
+ "build:esm": "tsc -p tsconfig.esm.json",
+ "build:cjs": "tsc -p tsconfig.cjs.json",
+ "build": "npm run build:esm && npm run build:cjs",
+ "prebuild": "npm run clean && npx tsx src/bin/build.ts",
+ "clean": "rimraf dist",
+ "dev": "npm run watch",
+ "watch": "tsc -w"
+ },
+ "devDependencies": {
+ "@radroots/tsconfig": "*",
+ "tsx": "^4.20.6",
+ "typescript": "5.8.3"
+ },
+ "publishConfig": {
+ "access": "public"
+ },
+ "files": [
+ "dist",
+ "css"
+ ]
+}
+\ No newline at end of file
diff --git a/themes/src/bin/build.ts b/themes/src/bin/build.ts
@@ -0,0 +1,89 @@
+#!/usr/bin/env node
+
+import fs from "node:fs";
+import path from "node:path";
+import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
+import { z } from "zod";
+import type { ThemeKey } from "../core/types.js";
+import { build_layout_css_from_presets } from "../generator/layout_css.js";
+import { build_styles_css_from_presets } from "../generator/styles_css.js";
+import { build_themes_css_by_preset } from "../generator/themes_css.js";
+
+const args_schema = z.object({
+ presets: z.array(z.string()).optional()
+});
+
+type BuildArgs = z.infer<typeof args_schema>;
+
+
+const resolve_script_dir = (): string => {
+ const script_path = process.argv[1];
+
+ if (script_path === undefined) {
+ throw new Error("script path unavailable");
+ }
+
+ return path.dirname(path.resolve(script_path));
+};
+
+const package_root = path.resolve(resolve_script_dir(), "..", "..");
+const css_output_dir = path.resolve(package_root, "css");
+const styles_output_path = path.resolve(css_output_dir, "styles.css");
+const layout_output_path = path.resolve(css_output_dir, "layout.css");
+
+const write_css = (file_path: string, css: string): void => {
+ const directory = path.dirname(file_path);
+
+ if (!fs.existsSync(directory)) {
+ fs.mkdirSync(directory, { recursive: true })
+ }
+
+ fs.writeFileSync(file_path, css, { encoding: "utf8" });
+};
+
+const parse_cli_args = (): BuildArgs => {
+ const argv = yargs(hideBin(process.argv))
+ .option("presets", {
+ type: "string",
+ array: true,
+ demandOption: false
+ })
+ .strict()
+ .help()
+ .parseSync();
+
+ return args_schema.parse(argv);
+};
+
+const main = (): void => {
+ try {
+ const args = parse_cli_args();
+ const presets = args.presets;
+
+ const styles_css = build_styles_css_from_presets(presets);
+ write_css(styles_output_path, styles_css);
+
+ const layout_css = build_layout_css_from_presets(undefined);
+ write_css(layout_output_path, layout_css);
+
+ const themes_css_by_preset = build_themes_css_by_preset(presets);
+ const theme_keys = Object.keys(themes_css_by_preset) as ThemeKey[];
+
+ for (const theme_key of theme_keys) {
+ const css = themes_css_by_preset[theme_key];
+ const theme_output_path = path.resolve(
+ css_output_dir,
+ `theme_${theme_key}.css`
+ );
+ write_css(theme_output_path, css);
+ }
+ } catch (error) {
+ const message =
+ error instanceof Error ? error.message : "unexpected error";
+ console.error(`Error: ${message}`);
+ process.exit(1);
+ }
+};
+
+main();
diff --git a/themes/src/bin/generate-theme/handle-css-layout.ts b/themes/src/bin/generate-theme/handle-css-layout.ts
@@ -0,0 +1,19 @@
+import fs from "node:fs";
+import path from "node:path";
+import { build_layout_css_from_presets } from "../../generator/layout_css.js";
+import type { LayoutArgs } from "./main.js";
+
+export const handle_css_layout = async (args: LayoutArgs): Promise<void> => {
+ const trimmed_dir = args.dir_out.trim();
+ if (trimmed_dir.length === 0) {
+ throw new Error("dir_out cannot be empty");
+ }
+
+ const output_dir = path.resolve(process.cwd(), trimmed_dir);
+ fs.mkdirSync(output_dir, { recursive: true });
+
+ const css = build_layout_css_from_presets(args.presets);
+ const output_path = path.join(output_dir, "layout.css");
+
+ fs.writeFileSync(output_path, css, { encoding: "utf8" });
+};
diff --git a/themes/src/bin/generate-theme/handle-css-styles.ts b/themes/src/bin/generate-theme/handle-css-styles.ts
@@ -0,0 +1,19 @@
+import fs from "node:fs";
+import path from "node:path";
+import { build_styles_css_from_presets } from "../../generator/styles_css.js";
+import type { StylesArgs } from "./main.js";
+
+export const handle_css_styles = async (args: StylesArgs): Promise<void> => {
+ const trimmed_dir = args.dir_out.trim();
+ if (trimmed_dir.length === 0) {
+ throw new Error("dir_out cannot be empty");
+ }
+
+ const output_dir = path.resolve(process.cwd(), trimmed_dir);
+ fs.mkdirSync(output_dir, { recursive: true });
+
+ const css = build_styles_css_from_presets(args.presets);
+ const target = path.join(output_dir, "styles.css");
+
+ fs.writeFileSync(target, css, { encoding: "utf8" });
+};
diff --git a/themes/src/bin/generate-theme/handle-css-themes.ts b/themes/src/bin/generate-theme/handle-css-themes.ts
@@ -0,0 +1,20 @@
+import fs from "node:fs";
+import path from "node:path";
+import { build_themes_css_by_preset } from "../../generator/themes_css.js";
+import type { ThemesArgs } from "./main.js";
+
+export const handle_css_themes = async (args: ThemesArgs): Promise<void> => {
+ const trimmed_dir = args.dir_out.trim();
+ if (trimmed_dir.length === 0) {
+ throw new Error("dir_out cannot be empty");
+ }
+
+ const output_dir = path.resolve(process.cwd(), trimmed_dir);
+ fs.mkdirSync(output_dir, { recursive: true });
+
+ const css_by_preset = build_themes_css_by_preset(args.presets);
+ const css = Object.values(css_by_preset).join("\n");
+ const output_path = path.join(output_dir, "themes.css");
+
+ fs.writeFileSync(output_path, css, { encoding: "utf8" });
+};
diff --git a/themes/src/bin/generate-theme/main.ts b/themes/src/bin/generate-theme/main.ts
@@ -0,0 +1,131 @@
+#!/usr/bin/env node
+
+import yargs, { Argv } from "yargs";
+import { hideBin } from "yargs/helpers";
+import { z } from "zod";
+import { handle_css_layout } from "./handle-css-layout.js";
+import { handle_css_styles } from "./handle-css-styles.js";
+import { handle_css_themes } from "./handle-css-themes.js";
+
+const layout_args_schema = z.object({
+ dir_out: z.string(),
+ presets: z.array(z.string()).optional()
+});
+
+const styles_args_schema = z.object({
+ dir_out: z.string(),
+ presets: z.array(z.string()).optional()
+});
+
+const themes_args_schema = z.object({
+ dir_out: z.string(),
+ presets: z.array(z.string()).optional()
+});
+
+export type LayoutArgs = z.infer<typeof layout_args_schema>;
+export type StylesArgs = z.infer<typeof styles_args_schema>;
+export type ThemesArgs = z.infer<typeof themes_args_schema>;
+
+export type CliArgs =
+ | { command: "layout"; args: LayoutArgs }
+ | { command: "styles"; args: StylesArgs }
+ | { command: "themes"; args: ThemesArgs };
+
+export const parse_args = (): CliArgs => {
+ const argv = yargs(hideBin(process.argv))
+ .command(
+ "layout",
+ "Generate CSS layout",
+ (y): Argv<LayoutArgs> =>
+ y
+ .option("dir_out", {
+ type: "string",
+ demandOption: false,
+ default: "styles"
+ })
+ .option("presets", {
+ type: "string",
+ array: true,
+ demandOption: false
+ })
+ )
+ .command(
+ "styles",
+ "Generate CSS styles",
+ (y): Argv<StylesArgs> =>
+ y
+ .option("dir_out", {
+ type: "string",
+ demandOption: false,
+ default: "styles"
+ })
+ .option("presets", {
+ type: "string",
+ array: true,
+ demandOption: false
+ })
+ )
+ .command(
+ "themes",
+ "Generate CSS themes",
+ (y): Argv<ThemesArgs> =>
+ y
+ .option("dir_out", {
+ type: "string",
+ demandOption: false,
+ default: "styles"
+ })
+ .option("presets", {
+ type: "string",
+ array: true,
+ demandOption: false
+ })
+ )
+ .strict()
+ .help()
+ .parseSync();
+
+ const command = String(argv._[0]);
+
+ switch (command) {
+ case "layout":
+ return {
+ command,
+ args: layout_args_schema.parse(argv)
+ };
+ case "styles":
+ return {
+ command,
+ args: styles_args_schema.parse(argv)
+ };
+ case "themes":
+ return {
+ command,
+ args: themes_args_schema.parse(argv)
+ };
+ default:
+ throw new Error(`Unknown command: ${command}`);
+ }
+};
+
+export const main = (): void => {
+ try {
+ const cli = parse_args();
+
+ switch (cli.command) {
+ case "layout":
+ return void handle_css_layout(cli.args);
+ case "styles":
+ return void handle_css_styles(cli.args);
+ case "themes":
+ return void handle_css_themes(cli.args);
+ }
+ } catch (error) {
+ const message =
+ error instanceof Error ? error.message : "Unexpected error";
+ console.error(`Error: ${message}`);
+ process.exit(1);
+ }
+};
+
+main();
diff --git a/themes/src/core/types.ts b/themes/src/core/types.ts
@@ -0,0 +1,17 @@
+export type ThemeLayer = 0 | 1 | 2;
+
+export type ThemeKey = "os";
+
+export type ThemeMode = "light" | "dark";
+
+export type ThemeId<TThemeKey extends ThemeKey = ThemeKey> = `${TThemeKey}_${ThemeMode}`;
+
+export type LightThemeId<TThemeKey extends ThemeKey = ThemeKey> = `${TThemeKey}_light`;
+
+export type DarkThemeId<TThemeKey extends ThemeKey = ThemeKey> = `${TThemeKey}_dark`;
+
+export type ThemeKeys<T extends ThemeKey> = ThemeId<T>;
+
+export type ThemeKeysLight<T extends ThemeKey> = LightThemeId<T>;
+
+export type ThemeKeysDark<T extends ThemeKey> = DarkThemeId<T>;
diff --git a/themes/src/core/utils.ts b/themes/src/core/utils.ts
@@ -0,0 +1,13 @@
+import type { ThemeKey, ThemeMode } from "./types.js";
+
+export const parse_theme_mode = (value?: string | null): ThemeMode => {
+ if (value === "dark") return "dark";
+ return "light";
+};
+
+export const parse_theme_key = (value?: string | null): ThemeKey => {
+ switch (value) {
+ case "os": return value;
+ default: return "os";
+ }
+};
diff --git a/themes/src/generator/layout_css.ts b/themes/src/generator/layout_css.ts
@@ -0,0 +1,37 @@
+import type { ThemeVariable } from "../layout/types.js";
+import {
+ collect_layout_variables,
+ select_theme_layout_keys
+} from "./theme_utils.js";
+
+export const build_layout_css = (variables: ThemeVariable[]): string => {
+ const sorted = [...variables].sort((a, b) => {
+ if (a.namespace !== b.namespace) {
+ return a.namespace.localeCompare(b.namespace);
+ }
+ return a.name.localeCompare(b.name);
+ });
+
+ const lines: string[] = [];
+ lines.push('@import "tailwindcss";');
+ lines.push("");
+ lines.push("@theme {");
+
+ for (const variable of sorted) {
+ const css_var_name = `--${variable.namespace}-${variable.name}`;
+ lines.push(` ${css_var_name}: ${variable.value};`);
+ }
+
+ lines.push("}");
+ lines.push("");
+
+ return lines.join("\n");
+};
+
+export const build_layout_css_from_presets = (
+ presets: string[] | undefined
+): string => {
+ const selected_layout_keys = select_theme_layout_keys(presets);
+ const layout_variables = collect_layout_variables(selected_layout_keys);
+ return build_layout_css(layout_variables);
+};
diff --git a/themes/src/generator/styles_css.ts b/themes/src/generator/styles_css.ts
@@ -0,0 +1,74 @@
+import { theme_presets } from "../presets/index.js";
+import {
+ collect_theme_color_entries,
+ select_theme_presets_keys,
+ theme_modes,
+ to_css_name_suffix
+} from "./theme_utils.js";
+
+export interface StyleVariable {
+ color_var_name: string;
+ token_var_name: string;
+}
+
+export const build_styles_css = (variables: StyleVariable[]): string => {
+ const lines: string[] = [];
+ lines.push('@import "tailwindcss";');
+ lines.push("");
+ lines.push("@theme {");
+
+ for (const v of variables) {
+ lines.push(
+ ` ${v.color_var_name}: hsl(var(${v.token_var_name}) / <alpha-value>);`
+ );
+ }
+
+ lines.push("}");
+ lines.push("");
+
+ return lines.join("\n");
+};
+
+export const build_styles_css_from_presets = (
+ presets: string[] | undefined
+): string => {
+ const selected = select_theme_presets_keys(presets);
+ const map = new Map<string, string>();
+
+ for (const key of selected) {
+ const preset = theme_presets[key];
+
+ for (const mode of theme_modes) {
+ const theme = preset[mode];
+ const entries = collect_theme_color_entries(theme);
+
+ for (const entry of entries) {
+ const suffix = to_css_name_suffix(entry.token_key);
+ const layer_prefix = `--${entry.layer_key}`;
+
+ const color =
+ entry.category === "surfaces"
+ ? `--color-${entry.layer_key}${suffix}`
+ : `--color-${entry.layer_key}-gl${suffix}`;
+
+ const token =
+ entry.category === "surfaces"
+ ? `${layer_prefix}${suffix}`
+ : `${layer_prefix}-gl${suffix}`;
+
+ if (!map.has(color)) {
+ map.set(color, token);
+ }
+ }
+ }
+ }
+
+ const list: StyleVariable[] = [...map.entries()].map(
+ ([color_var_name, token_var_name]) => ({
+ color_var_name,
+ token_var_name
+ })
+ );
+
+ return build_styles_css(list);
+};
diff --git a/themes/src/generator/theme_utils.ts b/themes/src/generator/theme_utils.ts
@@ -0,0 +1,138 @@
+import type { ThemeKey, ThemeMode } from "../core/types.js";
+import { parse_theme_key } from "../core/utils.js";
+import { theme_layouts } from "../layout/index.js";
+import type { ThemeLayoutKey, ThemeVariable } from "../layout/types.js";
+import { theme_presets } from "../presets/index.js";
+import type { HslTuple, OsThemePreset } from "../presets/types.js";
+
+export const theme_modes: ThemeMode[] = ["dark", "light"];
+
+const theme_layer_order: Array<keyof OsThemePreset> = ["ly0", "ly1", "ly2"];
+
+export interface ThemeColorEntry {
+ layer_key: keyof OsThemePreset;
+ category: "surfaces" | "glyphs";
+ token_key: string;
+}
+
+export const tabs = (n: number): string => " ".repeat(n);
+
+export const format_hsl = (tuple: HslTuple): string => {
+ const [h, s, l] = tuple;
+ return `hsl(${h}, ${s}%, ${l}%)`;
+};
+
+export const to_css_name_suffix = (key: string): string => {
+ const trimmed_key = key.replace(/^_+/, "");
+ if (trimmed_key.length === 0) {
+ return "";
+ }
+ return `-${trimmed_key.replace(/_/g, "-")}`;
+};
+
+export const collect_theme_color_entries = (
+ theme: OsThemePreset
+): ThemeColorEntry[] => {
+ const entries: ThemeColorEntry[] = [];
+
+ for (const layer_key of theme_layer_order) {
+ const layer = theme[layer_key];
+
+ const surface_keys = Object.keys(
+ layer.surfaces
+ ) as Array<keyof typeof layer.surfaces>;
+ for (const surface_key of surface_keys) {
+ entries.push({
+ layer_key,
+ category: "surfaces",
+ token_key: String(surface_key)
+ });
+ }
+
+ const glyph_keys = Object.keys(
+ layer.glyphs
+ ) as Array<keyof typeof layer.glyphs>;
+ for (const glyph_key of glyph_keys) {
+ entries.push({
+ layer_key,
+ category: "glyphs",
+ token_key: String(glyph_key)
+ });
+ }
+ }
+
+ return entries;
+};
+
+export const select_theme_presets_keys = (
+ presets: string[] | undefined
+): ThemeKey[] => {
+ const all_keys = Object.keys(theme_presets);
+ if (!presets || presets.length === 0) {
+ return all_keys.map(parse_theme_key);
+ }
+
+ const trimmed_presets = presets
+ .map(preset => preset.trim())
+ .filter(preset => preset.length > 0);
+
+ if (trimmed_presets.length === 0) {
+ return all_keys.map(parse_theme_key);
+ }
+
+ const unknown_presets = trimmed_presets.filter(
+ preset => !all_keys.includes(preset)
+ );
+ if (unknown_presets.length > 0) {
+ throw new Error(
+ `Unknown theme preset(s): ${unknown_presets.join(", ")}`
+ );
+ }
+
+ return all_keys
+ .filter(key => trimmed_presets.includes(key))
+ .map(parse_theme_key);
+};
+
+export const select_theme_layout_keys = (
+ presets: string[] | undefined
+): ThemeLayoutKey[] => {
+ const all_keys = Object.keys(theme_layouts) as ThemeLayoutKey[];
+
+ if (!presets || presets.length === 0) {
+ return all_keys;
+ }
+
+ const trimmed_presets = presets
+ .map(preset => preset.trim())
+ .filter(preset => preset.length > 0);
+
+ if (trimmed_presets.length === 0) {
+ return all_keys;
+ }
+
+ const unknown_presets = trimmed_presets.filter(
+ preset => !all_keys.includes(preset as ThemeLayoutKey)
+ );
+
+ if (unknown_presets.length > 0) {
+ throw new Error(
+ `Unknown layout preset(s): ${unknown_presets.join(", ")}`
+ );
+ }
+
+ return all_keys.filter(key => trimmed_presets.includes(key));
+};
+
+export const collect_layout_variables = (
+ keys: ThemeLayoutKey[]
+): ThemeVariable[] => {
+ const variables: ThemeVariable[] = [];
+
+ for (const key of keys) {
+ const layout = theme_layouts[key];
+ variables.push(...layout.variables);
+ }
+
+ return variables;
+};
diff --git a/themes/src/generator/themes_css.ts b/themes/src/generator/themes_css.ts
@@ -0,0 +1,87 @@
+import type { ThemeId, ThemeKey, ThemeMode } from "../core/types.js";
+import { theme_presets } from "../presets/index.js";
+import type { OsThemePreset, ThemePreset } from "../presets/types.js";
+import {
+ collect_theme_color_entries,
+ format_hsl,
+ select_theme_presets_keys,
+ theme_modes,
+ to_css_name_suffix
+} from "./theme_utils.js";
+
+export interface PluginOptions {
+ id: ThemeId;
+ prefers_dark: boolean;
+ color_scheme: ThemeMode;
+ theme: OsThemePreset;
+}
+
+export const build_theme_css = (options: PluginOptions): string => {
+ const lines: string[] = [];
+ lines.push('@plugin "daisyui/theme" {');
+ lines.push(` name: "${options.id}";`);
+ lines.push(" default: false;");
+ lines.push(` prefersdark: ${options.prefers_dark ? "true" : "false"};`);
+ lines.push(` color-scheme: ${options.color_scheme};`);
+
+ const entries = collect_theme_color_entries(options.theme);
+
+ for (const entry of entries) {
+ const layer = options.theme[entry.layer_key];
+ const layer_prefix = `--color-${entry.layer_key}`;
+ const suffix = to_css_name_suffix(entry.token_key);
+
+ if (entry.category === "surfaces") {
+ const surfaces = layer.surfaces;
+ const color = surfaces[entry.token_key as keyof typeof surfaces];
+ const css_var_name = `${layer_prefix}${suffix}`;
+ lines.push(` ${css_var_name}: ${format_hsl(color)};`);
+ } else {
+ const glyphs = layer.glyphs;
+ const color = glyphs[entry.token_key as keyof typeof glyphs];
+ const css_var_name = `${layer_prefix}-gl${suffix}`;
+ lines.push(` ${css_var_name}: ${format_hsl(color)};`);
+ }
+ }
+
+ lines.push("}");
+ lines.push("");
+
+ return lines.join("\n");
+};
+
+const build_theme_blocks = (
+ theme_key: ThemeKey,
+ preset: ThemePreset
+): string[] => {
+ const blocks: string[] = [];
+
+ for (const mode of theme_modes) {
+ const theme = preset[mode];
+ const id: ThemeId = `${theme_key}_${mode}`;
+ const block = build_theme_css({
+ id,
+ prefers_dark: mode === "dark",
+ color_scheme: mode,
+ theme
+ });
+ blocks.push(block);
+ }
+
+ return blocks;
+};
+
+export const build_themes_css_by_preset = (
+ presets: string[] | undefined
+): Record<ThemeKey, string> => {
+ const selected_theme_keys = select_theme_presets_keys(presets);
+ const css_by_preset = {} as Record<ThemeKey, string>;
+
+ for (const theme_key of selected_theme_keys) {
+ const preset = theme_presets[theme_key];
+ const blocks = build_theme_blocks(theme_key, preset);
+ css_by_preset[theme_key] = blocks.join("\n");
+ }
+
+ return css_by_preset;
+};
diff --git a/themes/src/index.ts b/themes/src/index.ts
@@ -0,0 +1,3 @@
+export * from "./core/types.js"
+export * from "./core/utils.js"
+
diff --git a/themes/src/layout/app/index.ts b/themes/src/layout/app/index.ts
@@ -0,0 +1,109 @@
+import { build_theme_layout_variables, with_prefix } from "../tokens.js";
+import type {
+ IosHeightTokenKey,
+ IosWidthTokenKey,
+ TailwindThemeConfig,
+ ThemeLayoutEntry,
+ ThemeLayoutParam
+} from "../types.js";
+
+const ios_height_tokens: Record<IosHeightTokenKey, string> = {
+ nav_tabs_ios0: "80px",
+ nav_tabs_ios1: "120px",
+ nav_page_toolbar_ios0: "72px",
+ nav_page_toolbar_ios1: "120px",
+ nav_page_header_ios0: "62px",
+ nav_page_header_ios1: "62px",
+ lo_bottom_button_ios0: "90px",
+ lo_bottom_button_ios1: "112px",
+ lo_view_main_ios0: "22rem",
+ lo_view_main_ios1: "28rem"
+};
+
+const ios_width_tokens: Record<IosWidthTokenKey, string> = {
+ lo_ios0: "340px",
+ lo_ios1: "345px",
+ lo_textdesc_ios0: "312px",
+ lo_textdesc_ios1: "312px",
+ lo_line_entry_ios0: "349px",
+ lo_line_entry_ios1: "378px"
+};
+
+const dimension_tokens: ThemeLayoutEntry = {
+ ios0: "340px",
+ ios1: "345px"
+};
+
+const base_spacing_tokens: ThemeLayoutEntry = {
+ line: "1px",
+ edge: "2px"
+};
+
+const height_scale: ThemeLayoutEntry = {
+ ...ios_height_tokens,
+ ...dimension_tokens,
+ line: "46px",
+ line_button: "3.25rem",
+ touch_guide: "3.4rem",
+ entry_line: "48px",
+ bold_button: "4.25rem"
+};
+
+const width_scale: ThemeLayoutEntry = {
+ ...ios_width_tokens,
+ ...dimension_tokens,
+ trellis_value: "180px",
+ trellis_display: "286px"
+};
+
+const dimension_scale: ThemeLayoutEntry = {
+ ...dimension_tokens
+};
+
+const min_height_scale: ThemeLayoutEntry = {
+ ...height_scale
+};
+
+const max_height_scale: ThemeLayoutEntry = {
+ ...height_scale
+};
+
+const min_width_scale: ThemeLayoutEntry = {
+ ...width_scale
+};
+
+const max_width_scale: ThemeLayoutEntry = {
+ ...width_scale
+};
+
+const padding_scale: ThemeLayoutEntry = {
+ ...with_prefix("h_", height_scale),
+ ...with_prefix("w_", width_scale),
+ ...with_prefix("dim_", dimension_scale)
+};
+
+const translate_scale: ThemeLayoutEntry = {
+ ...with_prefix("h_", height_scale),
+ ...with_prefix("w_", width_scale)
+};
+
+const spacing_scale: ThemeLayoutEntry = {
+ ...base_spacing_tokens,
+ ...with_prefix("dim_", dimension_scale)
+};
+
+const app_theme_config: TailwindThemeConfig = {
+ height: height_scale,
+ width: width_scale,
+ min_height: min_height_scale,
+ max_height: max_height_scale,
+ min_width: min_width_scale,
+ max_width: max_width_scale,
+ padding: padding_scale,
+ translate: translate_scale,
+ spacing: spacing_scale
+};
+
+export const theme_app_layout: ThemeLayoutParam = {
+ variables: build_theme_layout_variables(app_theme_config)
+};
diff --git a/themes/src/layout/index.ts b/themes/src/layout/index.ts
@@ -0,0 +1,6 @@
+import { theme_app_layout } from "./app/index.js";
+import { ThemeLayoutKey, ThemeLayoutParam } from "./types.js";
+
+export const theme_layouts: Record<ThemeLayoutKey, ThemeLayoutParam> = {
+ app: theme_app_layout,
+};
+\ No newline at end of file
diff --git a/themes/src/layout/tokens.ts b/themes/src/layout/tokens.ts
@@ -0,0 +1,38 @@
+import type {
+ TailwindThemeConfig,
+ TailwindThemeNamespace,
+ ThemeLayoutEntry,
+ ThemeVariable
+} from "./types.js";
+
+export const with_prefix = (
+ prefix: string,
+ source: ThemeLayoutEntry
+): ThemeLayoutEntry =>
+ Object.fromEntries(
+ Object.entries(source).map(([key, value]) => [`${prefix}${key}`, value])
+ );
+
+const to_theme_variables = (
+ namespace: TailwindThemeNamespace,
+ scale: ThemeLayoutEntry
+): ThemeVariable[] =>
+ Object.entries(scale).map(([name, value]) => ({
+ namespace,
+ name,
+ value
+ }));
+
+export const build_theme_layout_variables = (
+ config: TailwindThemeConfig
+): ThemeVariable[] => [
+ ...to_theme_variables("height", config.height),
+ ...to_theme_variables("width", config.width),
+ ...to_theme_variables("min-height", config.min_height),
+ ...to_theme_variables("max-height", config.max_height),
+ ...to_theme_variables("min-width", config.min_width),
+ ...to_theme_variables("max-width", config.max_width),
+ ...to_theme_variables("padding", config.padding),
+ ...to_theme_variables("translate", config.translate),
+ ...to_theme_variables("spacing", config.spacing)
+ ];
diff --git a/themes/src/layout/types.ts b/themes/src/layout/types.ts
@@ -0,0 +1,54 @@
+export type ThemeLayoutKey = "app";
+
+export interface ThemeLayoutParam {
+ variables: ThemeVariable[];
+}
+
+export type ThemeLayoutEntry = Record<string, string>;
+
+export interface ThemeVariable {
+ namespace: TailwindThemeNamespace;
+ name: string;
+ value: string;
+}
+
+export type TailwindThemeNamespace =
+ | "height"
+ | "width"
+ | "min-height"
+ | "max-height"
+ | "min-width"
+ | "max-width"
+ | "padding"
+ | "translate"
+ | "spacing";
+
+export interface TailwindThemeConfig {
+ height: ThemeLayoutEntry;
+ width: ThemeLayoutEntry;
+ min_height: ThemeLayoutEntry;
+ max_height: ThemeLayoutEntry;
+ min_width: ThemeLayoutEntry;
+ max_width: ThemeLayoutEntry;
+ padding: ThemeLayoutEntry;
+ translate: ThemeLayoutEntry;
+ spacing: ThemeLayoutEntry;
+}
+
+export type IosLayoutKey = "ios0" | "ios1";
+
+export type IosResponsiveLayoutKey<TBase extends string> =
+ `${TBase}_${IosLayoutKey}`;
+
+export type LayoutHeightKey =
+ | "lo_view_main"
+ | "lo_bottom_button"
+ | "nav_tabs"
+ | "nav_page_header"
+ | "nav_page_toolbar";
+
+export type LayoutWidthKey = "lo" | "lo_line_entry" | "lo_textdesc";
+
+export type IosHeightTokenKey = IosResponsiveLayoutKey<LayoutHeightKey>;
+
+export type IosWidthTokenKey = IosResponsiveLayoutKey<LayoutWidthKey>;
diff --git a/themes/src/presets/index.ts b/themes/src/presets/index.ts
@@ -0,0 +1,7 @@
+import { ThemeKey } from "../core/types.js";
+import { theme_os_preset } from "./os/index.js";
+import { ThemePreset } from "./types.js";
+
+export const theme_presets: Record<ThemeKey, ThemePreset> = {
+ os: theme_os_preset,
+};
+\ No newline at end of file
diff --git a/themes/src/presets/os/index.ts b/themes/src/presets/os/index.ts
@@ -0,0 +1,8 @@
+import { ThemePreset } from "../types.js";
+import { os_dark_theme } from "./os-theme-dark.js";
+import { os_light_theme } from "./os-theme-light.js";
+
+export const theme_os_preset: ThemePreset = {
+ light: os_light_theme,
+ dark: os_dark_theme
+}
+\ No newline at end of file
diff --git a/themes/src/presets/os/os-theme-dark.ts b/themes/src/presets/os/os-theme-dark.ts
@@ -0,0 +1,57 @@
+import type { OsThemePreset } from "../types.js";
+
+export const os_dark_theme: OsThemePreset = {
+ ly0: {
+ surfaces: {
+ _: [0, 0, 7],
+ _w: [0, 0, 7],
+ _a: [240, 2, 23],
+ edge: [274, 4, 11],
+ blur: [0, 0, 12]
+ },
+ glyphs: {
+ _: [230, 3, 56],
+ _a: [230, 3, 51],
+ _pl: [30, 1, 99],
+ hl: [210, 100, 52],
+ hl_a: [210, 91, 21],
+ shade: [240, 3, 57],
+ label: [240, 3, 55]
+ }
+ },
+ ly1: {
+ surfaces: {
+ _: [240, 4, 11],
+ _a: [240, 2, 23],
+ edge: [240, 3, 19],
+ err: [0, 0, 0],
+ focus: [240, 4, 20]
+ },
+ glyphs: {
+ _: [30, 100, 100],
+ _a: [30, 1, 90],
+ _d: [240, 1, 82],
+ _pl: [30, 1, 99],
+ hl: [210, 100, 52],
+ hl_a: [210, 100, 62],
+ shade: [230, 4, 61],
+ label: [30, 1, 99]
+ }
+ },
+ ly2: {
+ surfaces: {
+ _: [240, 2, 18],
+ _a: [240, 3, 15],
+ edge: [240, 2, 23]
+ },
+ glyphs: {
+ _: [240, 3, 73],
+ _a: [230, 4, 51],
+ _d: [240, 3, 63],
+ _pl: [240, 2, 40],
+ hl: [210, 100, 52],
+ hl_a: [210, 100, 42],
+ shade: [230, 4, 61]
+ }
+ }
+};
diff --git a/themes/src/presets/os/os-theme-light.ts b/themes/src/presets/os/os-theme-light.ts
@@ -0,0 +1,57 @@
+import type { OsThemePreset } from "../types.js";
+
+export const os_light_theme: OsThemePreset = {
+ ly0: {
+ surfaces: {
+ _: [240, 24, 96],
+ _w: [248, 17, 98],
+ _a: [240, 6, 83],
+ edge: [0, 0, 87],
+ blur: [179, 7, 96]
+ },
+ glyphs: {
+ _: [240, 2, 55],
+ _a: [240, 2, 60],
+ _pl: [240, 2, 78],
+ hl: [219, 92, 59],
+ hl_a: [211, 100, 40],
+ shade: [230, 3, 54],
+ label: [240, 2, 53]
+ }
+ },
+ ly1: {
+ surfaces: {
+ _: [0, 0, 100],
+ _a: [240, 6, 83],
+ edge: [274, 4, 90],
+ err: [0, 0, 0],
+ focus: [240, 15, 94]
+ },
+ glyphs: {
+ _: [0, 0, 10],
+ _a: [0, 0, 10],
+ _d: [0, 0, 20],
+ _pl: [240, 2, 78],
+ hl: [211, 100, 50],
+ hl_a: [211, 100, 40],
+ shade: [240, 2, 55],
+ label: [240, 2, 53]
+ }
+ },
+ ly2: {
+ surfaces: {
+ _: [240, 5, 90],
+ _a: [240, 5, 95],
+ edge: [242, 2, 88]
+ },
+ glyphs: {
+ _: [240, 2, 55],
+ _a: [240, 2, 45],
+ _d: [240, 2, 65],
+ _pl: [240, 2, 78],
+ hl: [211, 100, 50],
+ hl_a: [211, 100, 40],
+ shade: [240, 2, 55]
+ }
+ }
+};
diff --git a/themes/src/presets/types.ts b/themes/src/presets/types.ts
@@ -0,0 +1,86 @@
+import type { ThemeMode } from "../core/types.js";
+
+export type HslTuple = [number, number, number];
+
+export type ThemeSurfaceKey =
+ | "_"
+ | "_w"
+ | "_a"
+ | "edge"
+ | "blur"
+ | "err"
+ | "focus";
+
+export type ThemeGlyphKey =
+ | "_"
+ | "_a"
+ | "_pl"
+ | "_d"
+ | "hl"
+ | "hl_a"
+ | "shade"
+ | "label";
+
+export interface ThemeLayer0 {
+ surfaces: {
+ _: HslTuple;
+ _w: HslTuple;
+ _a: HslTuple;
+ edge: HslTuple;
+ blur: HslTuple;
+ };
+ glyphs: {
+ _: HslTuple;
+ _a: HslTuple;
+ _pl: HslTuple;
+ hl: HslTuple;
+ hl_a: HslTuple;
+ shade: HslTuple;
+ label: HslTuple;
+ };
+}
+
+export interface ThemeLayer1 {
+ surfaces: {
+ _: HslTuple;
+ _a: HslTuple;
+ edge: HslTuple;
+ err: HslTuple;
+ focus: HslTuple;
+ };
+ glyphs: {
+ _: HslTuple;
+ _a: HslTuple;
+ _d: HslTuple;
+ _pl: HslTuple;
+ hl: HslTuple;
+ hl_a: HslTuple;
+ shade: HslTuple;
+ label: HslTuple;
+ };
+}
+
+export interface ThemeLayer2 {
+ surfaces: {
+ _: HslTuple;
+ _a: HslTuple;
+ edge: HslTuple;
+ };
+ glyphs: {
+ _: HslTuple;
+ _a: HslTuple;
+ _d: HslTuple;
+ _pl: HslTuple;
+ hl: HslTuple;
+ hl_a: HslTuple;
+ shade: HslTuple;
+ };
+}
+
+export interface OsThemePreset {
+ ly0: ThemeLayer0;
+ ly1: ThemeLayer1;
+ ly2: ThemeLayer2;
+}
+
+export type ThemePreset = Record<ThemeMode, OsThemePreset>;
diff --git a/themes/tsconfig.cjs.json b/themes/tsconfig.cjs.json
@@ -0,0 +1,15 @@
+{
+ "extends": "@radroots/tsconfig/tsconfig.esm.json",
+ "compilerOptions": {
+ "module": "CommonJS",
+ "moduleResolution": "Node",
+ "rootDir": "./src",
+ "outDir": "dist/cjs",
+ "declaration": false,
+ "declarationMap": false,
+ "emitDeclarationOnly": false,
+ "tsBuildInfoFile": "node_modules/.cache/tsc.utils-nostr.cjs.tsbuildinfo"
+ },
+ "include": ["src"],
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/themes/tsconfig.esm.json b/themes/tsconfig.esm.json
@@ -0,0 +1,13 @@
+{
+ "extends": "@radroots/tsconfig/tsconfig.esm.json",
+ "compilerOptions": {
+ "moduleResolution": "nodenext",
+ "rootDir": "./src",
+ "outDir": "dist/esm",
+ "declaration": true,
+ "declarationMap": true,
+ "declarationDir": "dist/types"
+ },
+ "include": ["src"],
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/themes/tsconfig.json b/themes/tsconfig.json
@@ -0,0 +1,3 @@
+{
+ "extends": "./tsconfig.esm.json"
+}
