@techsio/ui-kit 0.11.0 → 0.13.0

package/dist/.storybook/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../.storybook/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAE9D,QAAA,MAAM,MAAM,EAAE,eAoBb,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../.storybook/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAE9D,QAAA,MAAM,MAAM,EAAE,eAkBb,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/.storybook/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../.storybook/preview.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,yBAAyB,CAAA;AAEhC,QAAA,MAAM,OAAO,EAAE,OA4Cd,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../.storybook/preview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAU1D,OAAO,yBAAyB,CAAA;AA2ChC,QAAA,MAAM,OAAO,EAAE,OA0Dd,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/organisms/footer.figma.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import code_connect from "@figma/code-connect";
+import { Footer } from "./footer.js";
+code_connect.connect(Footer, "https://www.figma.com/design/12xb1pqXKwE2vbOByN3ntg/New-Design-System-vol.-2?node-id=1372-161", {
+    imports: [
+        'import { Footer } from "@libs/ui/organisms/footer"'
+    ],
+    props: {
+        size: code_connect["enum"]("size", {
+            sm: "sm",
+            md: "md",
+            lg: "lg"
+        })
+    },
+    example: ({ size })=>/*#__PURE__*/ jsxs(Footer, {
+            size: size,
+            children: [
+                /*#__PURE__*/ jsx(Footer.Container, {
+                    children: /*#__PURE__*/ jsxs(Footer.Section, {
+                        children: [
+                            /*#__PURE__*/ jsx(Footer.Title, {
+                                children: "Shop"
+                            }),
+                            /*#__PURE__*/ jsxs(Footer.List, {
+                                children: [
+                                    /*#__PURE__*/ jsx("li", {
+                                        children: /*#__PURE__*/ jsx(Footer.Link, {
+                                            href: "/new",
+                                            children: "New arrivals"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx("li", {
+                                        children: /*#__PURE__*/ jsx(Footer.Link, {
+                                            href: "/sale",
+                                            children: "Sale"
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx(Footer.Divider, {}),
+                /*#__PURE__*/ jsx(Footer.Bottom, {
+                    children: /*#__PURE__*/ jsx(Footer.Text, {
+                        children: "\xa9 2026 Acme, Inc."
+                    })
+                })
+            ]
+        })
+});

package/dist/organisms/footer.js

@@ -7,8 +7,8 @@ const footerVariants = tv({
         root: "flex w-full items-center justify-center rounded-footer bg-footer-bg",
         container: "w-full max-w-footer-max bg-footer-container-bg",
         section: "bg-footer-section-bg",
-        list: "flex list-none flex-col gap-footer-list-gap bg-footer-list-bg",
-        bottom: "flex w-full items-center justify-between border-t-(--border-width-footer) bg-footer-bottom-bg pt-footer-bottom",
+        list: "flex list-none flex-col gap-footer-list bg-footer-list-bg",
+        bottom: "flex w-full items-center justify-between border-t-(length:--border-footer-width) bg-footer-bottom-bg pt-footer-bottom",
         title: "font-footer-title text-footer-title-fg transition-footer-title hover:text-footer-title-fg-hover",
         link: "font-footer-link text-footer-link-fg transition-footer-link hover:text-footer-link-fg-hover",
         text: "text-footer-text-fg",
@@ -41,35 +41,35 @@ const footerVariants = tv({
         },
         size: {
             sm: {
-                root: "p-footer-root-sm",
+                root: "p-footer-sm",
                 container: "gap-footer-container-sm",
                 section: "gap-footer-section-sm",
-                list: "gap-footer-list-gap-sm",
+                list: "gap-footer-sm",
                 title: "text-footer-title-sm",
                 link: "text-footer-link-sm",
-                text: "text-footer-text-sm",
+                text: "text-footer-sm",
                 bottom: "p-footer-bottom-sm",
                 divider: "my-footer-divider-sm"
             },
             md: {
-                root: "p-footer-root-md",
+                root: "p-footer-md",
                 container: "gap-footer-container-md",
                 section: "gap-footer-section-md",
-                list: "gap-footer-list-gap-md",
+                list: "gap-footer-md",
                 title: "text-footer-title-md",
                 link: "text-footer-link-md",
-                text: "text-footer-text-md",
+                text: "text-footer-md",
                 bottom: "p-footer-bottom-md",
                 divider: "my-footer-divider-md"
             },
             lg: {
-                root: "p-footer-root-lg",
+                root: "p-footer-lg",
                 container: "gap-footer-container-lg",
                 section: "gap-footer-section-lg",
-                list: "gap-footer-list-gap-lg",
+                list: "gap-footer-lg",
                 title: "text-footer-title-lg",
                 link: "text-footer-link-lg",
-                text: "text-footer-text-lg",
+                text: "text-footer-lg",
                 bottom: "p-footer-bottom-lg",
                 divider: "my-footer-divider-lg"
             }

package/dist/organisms/gallery.figma.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import code_connect from "@figma/code-connect";
+import { Gallery } from "./gallery.js";
+code_connect.connect(Gallery, "https://www.figma.com/design/12xb1pqXKwE2vbOByN3ntg/New-Design-System-vol.-2?node-id=1392-68", {
+    imports: [
+        'import { Gallery } from "@libs/ui/organisms/gallery"'
+    ],
+    props: {
+        orientation: code_connect["enum"]("orientation", {
+            vertical: "vertical",
+            horizontal: "horizontal"
+        })
+    },
+    example: ({ orientation })=>/*#__PURE__*/ jsx(Gallery, {
+            items: [
+                {
+                    id: "1",
+                    src: "/product-1.jpg",
+                    alt: "Product front"
+                },
+                {
+                    id: "2",
+                    src: "/product-2.jpg",
+                    alt: "Product side"
+                },
+                {
+                    id: "3",
+                    src: "/product-3.jpg",
+                    alt: "Product detail"
+                }
+            ],
+            orientation: orientation
+        })
+});

package/dist/organisms/header.figma.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import code_connect from "@figma/code-connect";
+import { Header } from "./header.js";
+code_connect.connect(Header, "https://www.figma.com/design/12xb1pqXKwE2vbOByN3ntg/New-Design-System-vol.-2?node-id=1391-225", {
+    imports: [
+        'import { Header } from "@libs/ui/organisms/header"'
+    ],
+    props: {
+        size: code_connect["enum"]("size", {
+            sm: "sm",
+            md: "md",
+            lg: "lg"
+        })
+    },
+    example: ({ size })=>/*#__PURE__*/ jsxs(Header, {
+            size: size,
+            children: [
+                /*#__PURE__*/ jsxs(Header.Desktop, {
+                    children: [
+                        /*#__PURE__*/ jsx(Header.Container, {
+                            position: "start",
+                            children: "Logo"
+                        }),
+                        /*#__PURE__*/ jsxs(Header.Nav, {
+                            children: [
+                                /*#__PURE__*/ jsx(Header.NavItem, {
+                                    active: true,
+                                    children: "Home"
+                                }),
+                                /*#__PURE__*/ jsx(Header.NavItem, {
+                                    children: "Shop"
+                                }),
+                                /*#__PURE__*/ jsx(Header.NavItem, {
+                                    children: "About"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Header.Actions, {
+                            children: /*#__PURE__*/ jsx(Header.ActionItem, {
+                                children: "Cart"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Header.Hamburger, {}),
+                /*#__PURE__*/ jsxs(Header.Mobile, {
+                    children: [
+                        /*#__PURE__*/ jsx(Header.NavItem, {
+                            children: "Home"
+                        }),
+                        /*#__PURE__*/ jsx(Header.NavItem, {
+                            children: "Shop"
+                        })
+                    ]
+                })
+            ]
+        })
+});

package/dist/organisms/table.figma.js

@@ -0,0 +1,87 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import code_connect from "@figma/code-connect";
+import { Table } from "./table.js";
+code_connect.connect(Table, "https://www.figma.com/design/12xb1pqXKwE2vbOByN3ntg/New-Design-System-vol.-2?node-id=1393-232", {
+    imports: [
+        'import { Table } from "@libs/ui/organisms/table"'
+    ],
+    props: {
+        variant: code_connect["enum"]("variant", {
+            line: "line",
+            outline: "outline",
+            striped: "striped"
+        }),
+        size: code_connect["enum"]("size", {
+            sm: "sm",
+            md: "md",
+            lg: "lg"
+        })
+    },
+    example: ({ variant, size })=>/*#__PURE__*/ jsxs(Table, {
+            size: size,
+            variant: variant,
+            children: [
+                /*#__PURE__*/ jsx(Table.Caption, {
+                    children: "Recent orders"
+                }),
+                /*#__PURE__*/ jsx(Table.Header, {
+                    children: /*#__PURE__*/ jsxs(Table.Row, {
+                        children: [
+                            /*#__PURE__*/ jsx(Table.ColumnHeader, {
+                                children: "Order"
+                            }),
+                            /*#__PURE__*/ jsx(Table.ColumnHeader, {
+                                children: "Status"
+                            }),
+                            /*#__PURE__*/ jsx(Table.ColumnHeader, {
+                                children: "Total"
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxs(Table.Body, {
+                    children: [
+                        /*#__PURE__*/ jsxs(Table.Row, {
+                            children: [
+                                /*#__PURE__*/ jsx(Table.Cell, {
+                                    children: "#1001"
+                                }),
+                                /*#__PURE__*/ jsx(Table.Cell, {
+                                    children: "Shipped"
+                                }),
+                                /*#__PURE__*/ jsx(Table.Cell, {
+                                    children: "$99.00"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Table.Row, {
+                            children: [
+                                /*#__PURE__*/ jsx(Table.Cell, {
+                                    children: "#1002"
+                                }),
+                                /*#__PURE__*/ jsx(Table.Cell, {
+                                    children: "Pending"
+                                }),
+                                /*#__PURE__*/ jsx(Table.Cell, {
+                                    children: "$149.00"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Table.Footer, {
+                    children: /*#__PURE__*/ jsxs(Table.Row, {
+                        children: [
+                            /*#__PURE__*/ jsx(Table.Cell, {
+                                children: "Total"
+                            }),
+                            /*#__PURE__*/ jsx(Table.Cell, {}),
+                            /*#__PURE__*/ jsx(Table.Cell, {
+                                children: "$248.00"
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+});

package/dist/organisms/table.js

@@ -21,7 +21,7 @@ const tableVariants = tv({
             "font-table-footer text-table-footer-fg"
         ],
         row: [
-            "border-b-(length:--border-width-table) border-table-border",
+            "border-b-(length:--border-table-width) border-table-border",
             "data-[selected=true]:bg-table-row-bg-selected",
             "transition-colors duration-200 motion-reduce:transition-none"
         ],
@@ -37,13 +37,13 @@ const tableVariants = tv({
         variant: {
             line: {
                 root: "",
-                row: "border-b-(length:--border-width-table) border-table-border"
+                row: "border-b-(length:--border-table-width) border-table-border"
             },
             outline: {
-                root: "border-(length:--border-width-table) rounded-table border-table-border shadow-table-outline"
+                root: "border-(length:--border-table-width) rounded-table border-table-border shadow-table-outline"
             },
             striped: {
-                row: "odd:bg-table-row-striped-bg-primary even:bg-table-row-striped-bg-secondary"
+                row: "odd:bg-table-row-striped-primary even:bg-table-row-striped-secondary"
             }
         },
         interactive: {
@@ -87,8 +87,8 @@ const tableVariants = tv({
         },
         showColumnBorder: {
             true: {
-                columnHeader: "border-r-(length:--border-width-table) border-table-border",
-                cell: "border-r-(length:--border-width-table) border-table-border"
+                columnHeader: "border-r-(length:--border-table-width) border-table-border",
+                cell: "border-r-(length:--border-table-width) border-table-border"
             }
         },
         captionPlacement: {

package/dist/src/organisms/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiFlB,CAAA;AAUF,UAAU,WACR,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,qBAAqB,GAAG,mBAAmB,GAC9C,IAAI,CACF,wBAAwB,CAAC,GAAG,CAAC,EAC7B,MAAM,mBAAmB,GAAG,IAAI,GAAG,MAAM,CAC1C,GAAG;IACF,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,IAAI,EAAE,WAAW,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;CACzD,CAAA;AAEH,KAAK,qBAAqB,CAAC,CAAC,SAAS,WAAW,IAAI,mBAAmB,GACrE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG;IACpE,EAAE,EAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;CACpB,CAAA;AAMH,UAAU,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,eAAgB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG;AAErE,UAAU,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,WAAW,2CAQb;yBAfe,MAAM;8CAoBnB,oBAAoB;4CASpB,kBAAkB;yCASwC,gBAAgB;;wCAyBlB,eAAe;kDAUvE,eAAe;2CAaf,kBAAkB;oDAUlB,iBAAiB;;AApDpB,iBAAS,UAAU,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAAA;AAC5D,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiFlB,CAAA;AAUF,UAAU,WACR,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,qBAAqB,GAAG,mBAAmB,GAC9C,IAAI,CACF,wBAAwB,CAAC,GAAG,CAAC,EAC7B,MAAM,mBAAmB,GAAG,IAAI,GAAG,MAAM,CAC1C,GAAG;IACF,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,IAAI,EAAE,WAAW,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;CACzD,CAAA;AAEH,KAAK,qBAAqB,CAAC,CAAC,SAAS,WAAW,IAAI,mBAAmB,GACrE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG;IACpE,EAAE,EAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;CACpB,CAAA;AAMH,UAAU,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,eAAgB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG;AAErE,UAAU,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,WAAW,2CAQb;yBAfe,MAAM;8CAoBnB,oBAAoB;4CASpB,kBAAkB;yCASwC,gBAAgB;;wCA2BlB,eAAe;kDAUvE,eAAe;2CAaf,kBAAkB;oDAUlB,iBAAiB;;AAtDpB,iBAAS,UAAU,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAAA;AAC5D,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EACvC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAC9B,SAAS,CAAA"}

package/dist/src/organisms/footer.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=footer.figma.d.ts.map

package/dist/src/organisms/footer.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.figma.d.ts","sourceRoot":"","sources":["../../../src/organisms/footer.figma.tsx"],"names":[],"mappings":""}

package/dist/src/organisms/gallery.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gallery.figma.d.ts.map

package/dist/src/organisms/gallery.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.figma.d.ts","sourceRoot":"","sources":["../../../src/organisms/gallery.figma.tsx"],"names":[],"mappings":""}

package/dist/src/organisms/header.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=header.figma.d.ts.map

package/dist/src/organisms/header.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.figma.d.ts","sourceRoot":"","sources":["../../../src/organisms/header.figma.tsx"],"names":[],"mappings":""}

package/dist/src/organisms/table.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=table.figma.d.ts.map

package/dist/src/organisms/table.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.figma.d.ts","sourceRoot":"","sources":["../../../src/organisms/table.figma.tsx"],"names":[],"mappings":""}

package/dist/src/theme/theme-config.d.ts

@@ -0,0 +1,41 @@
+export type ColorMode = "light" | "dark";
+/** What the user can pick for the mode axis. `system` follows the OS. */
+export type ModeSetting = ColorMode | "system";
+export type BrandConfig = {
+    /** Human label shown in togglers. */
+    label: string;
+    /** Concrete modes this brand ships. Light-only brands omit "dark". */
+    modes: ColorMode[];
+    /**
+     * `data-theme` attribute value for this brand. Omitted for the base brand,
+     * which is the default `:root` / `@theme` and needs no attribute.
+     */
+    attr?: string;
+};
+export declare const THEMES: {
+    readonly base: {
+        readonly label: "Default";
+        readonly modes: ["light", "dark"];
+    };
+    readonly neo: {
+        readonly label: "Neo (Red)";
+        readonly modes: ["light", "dark"];
+        readonly attr: "neo";
+    };
+};
+export type BrandKey = keyof typeof THEMES;
+export declare const DEFAULT_BRAND: BrandKey;
+export declare const DEFAULT_MODE: ModeSetting;
+/** localStorage keys used by the provider for persistence. */
+export declare const BRAND_STORAGE_KEY = "ui-brand";
+export declare const MODE_STORAGE_KEY = "ui-mode";
+export declare function brandKeys(): BrandKey[];
+export declare function getBrand(key: BrandKey): BrandConfig;
+export declare function isBrandKey(value: string): value is BrandKey;
+/** `data-theme` value for a brand, or `undefined` for the attribute-less base. */
+export declare function brandAttr(key: BrandKey): string | undefined;
+/** Whether a brand ships a dark variant (and therefore allows mode switching). */
+export declare function brandSupportsDark(key: BrandKey): boolean;
+/** Mode settings a brand allows in a toggler. Light-only brands get just light. */
+export declare function availableModeSettings(key: BrandKey): ModeSetting[];
+//# sourceMappingURL=theme-config.d.ts.map

package/dist/src/theme/theme-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-config.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-config.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,yEAAyE;AACzE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9C,MAAM,MAAM,WAAW,GAAG;IACxB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;CAG6B,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAA;AAE1C,eAAO,MAAM,aAAa,EAAE,QAAiB,CAAA;AAC7C,eAAO,MAAM,YAAY,EAAE,WAAsB,CAAA;AAEjD,8DAA8D;AAC9D,eAAO,MAAM,iBAAiB,aAAa,CAAA;AAC3C,eAAO,MAAM,gBAAgB,YAAY,CAAA;AAEzC,wBAAgB,SAAS,IAAI,QAAQ,EAAE,CAEtC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,WAAW,CAEnD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,QAAQ,CAE3D;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAE3D;AAED,kFAAkF;AAClF,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,CAExD;AAED,mFAAmF;AACnF,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,QAAQ,GAAG,WAAW,EAAE,CAElE"}

package/dist/src/theme/theme-provider.d.ts

@@ -0,0 +1,37 @@
+import { type PropsWithChildren } from "react";
+import { type BrandKey, type ColorMode, type ModeSetting } from "./theme-config";
+type AppThemeProviderProps = PropsWithChildren<{
+    defaultBrand?: BrandKey;
+    defaultMode?: ModeSetting;
+}>;
+export declare function AppThemeProvider({ defaultBrand, defaultMode, children, }: AppThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export type UseAppThemeResult = {
+    /** Active brand key. */
+    brand: BrandKey;
+    /** All brand keys, for building a brand toggler. */
+    brands: BrandKey[];
+    setBrand: (brand: BrandKey) => void;
+    /** Current mode setting (may be "system"). */
+    mode: ModeSetting;
+    /** Resolved concrete mode after applying "system". */
+    resolvedMode: ColorMode;
+    setMode: (mode: ModeSetting) => void;
+    /** Mode settings allowed for the active brand (light-only brands get just light). */
+    availableModes: ModeSetting[];
+    /** False during SSR and the first client render; gate brand-dependent UI on it. */
+    mounted: boolean;
+};
+export declare function useAppTheme(): UseAppThemeResult;
+/**
+ * Pre-hydration script that applies the persisted brand's `data-theme` before
+ * the page paints, preventing a flash of the default brand. Render it as early
+ * as possible: in `<head>`, or — for the Next.js App Router, which does not
+ * allow arbitrary `<head>` children in a layout — as the first child of
+ * `<body>`, where it still runs synchronously before any body content renders.
+ * better-themes injects its own equivalent script for the mode axis.
+ */
+export declare function BrandThemeScript({ defaultBrand, }: {
+    defaultBrand?: BrandKey;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/src/theme/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-provider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAA;AACd,OAAO,EAGL,KAAK,QAAQ,EAIb,KAAK,SAAS,EAKd,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAA;AAmFvB,KAAK,qBAAqB,GAAG,iBAAiB,CAAC;IAC7C,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,YAA4B,EAC5B,WAA0B,EAC1B,QAAQ,GACT,EAAE,qBAAqB,2CAavB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wBAAwB;IACxB,KAAK,EAAE,QAAQ,CAAA;IACf,oDAAoD;IACpD,MAAM,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnC,8CAA8C;IAC9C,IAAI,EAAE,WAAW,CAAA;IACjB,sDAAsD;IACtD,YAAY,EAAE,SAAS,CAAA;IACvB,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,qFAAqF;IACrF,cAAc,EAAE,WAAW,EAAE,CAAA;IAC7B,mFAAmF;IACnF,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CA4B/C;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAA4B,GAC7B,EAAE;IACD,YAAY,CAAC,EAAE,QAAQ,CAAA;CACxB,2CAoBA"}

package/dist/src/theme/theme-toggle.d.ts

@@ -0,0 +1,4 @@
+export declare function ThemeToggle({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/src/theme/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-toggle.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CA6ChE"}

package/dist/theme/theme-config.js

@@ -0,0 +1,46 @@
+const THEMES = {
+    base: {
+        label: "Default",
+        modes: [
+            "light",
+            "dark"
+        ]
+    },
+    neo: {
+        label: "Neo (Red)",
+        modes: [
+            "light",
+            "dark"
+        ],
+        attr: "neo"
+    }
+};
+const DEFAULT_BRAND = "base";
+const DEFAULT_MODE = "system";
+const BRAND_STORAGE_KEY = "ui-brand";
+const MODE_STORAGE_KEY = "ui-mode";
+function brandKeys() {
+    return Object.keys(THEMES);
+}
+function getBrand(key) {
+    return THEMES[key];
+}
+function isBrandKey(value) {
+    return Object.hasOwn(THEMES, value);
+}
+function brandAttr(key) {
+    return getBrand(key).attr;
+}
+function brandSupportsDark(key) {
+    return getBrand(key).modes.includes("dark");
+}
+function availableModeSettings(key) {
+    return brandSupportsDark(key) ? [
+        "light",
+        "dark",
+        "system"
+    ] : [
+        "light"
+    ];
+}
+export { BRAND_STORAGE_KEY, DEFAULT_BRAND, DEFAULT_MODE, MODE_STORAGE_KEY, THEMES, availableModeSettings, brandAttr, brandKeys, brandSupportsDark, getBrand, isBrandKey };

package/dist/theme/theme-provider.js

@@ -0,0 +1,101 @@
+"use client"
+import { jsx } from "react/jsx-runtime";
+import { ThemeProvider, useTheme } from "better-themes";
+import { createContext, useContext, useEffect, useState } from "react";
+import { BRAND_STORAGE_KEY, DEFAULT_BRAND, DEFAULT_MODE, MODE_STORAGE_KEY, availableModeSettings, brandAttr, brandKeys, brandSupportsDark, isBrandKey } from "./theme-config.js";
+function readStoredBrand() {
+    if ("undefined" == typeof window) return null;
+    try {
+        const value = window.localStorage.getItem(BRAND_STORAGE_KEY);
+        return value && isBrandKey(value) ? value : null;
+    } catch  {
+        return null;
+    }
+}
+function persistBrand(brand) {
+    if ("undefined" == typeof window) return;
+    try {
+        window.localStorage.setItem(BRAND_STORAGE_KEY, brand);
+    } catch  {}
+}
+function applyBrandAttr(brand) {
+    if ("undefined" == typeof document) return;
+    const attr = brandAttr(brand);
+    const root = document.documentElement;
+    if (attr) root.setAttribute("data-theme", attr);
+    else root.removeAttribute("data-theme");
+}
+const BrandContext = /*#__PURE__*/ createContext(null);
+function BrandProvider({ defaultBrand, children }) {
+    const { setTheme } = useTheme();
+    const [brand, setBrandState] = useState(()=>readStoredBrand() ?? defaultBrand);
+    const [mounted, setMounted] = useState(false);
+    useEffect(()=>{
+        setMounted(true);
+    }, []);
+    useEffect(()=>{
+        applyBrandAttr(brand);
+        persistBrand(brand);
+        if (!brandSupportsDark(brand)) setTheme("light");
+    }, [
+        brand,
+        setTheme
+    ]);
+    return /*#__PURE__*/ jsx(BrandContext.Provider, {
+        value: {
+            brand,
+            setBrand: setBrandState,
+            mounted
+        },
+        children: children
+    });
+}
+function AppThemeProvider({ defaultBrand = DEFAULT_BRAND, defaultMode = DEFAULT_MODE, children }) {
+    return /*#__PURE__*/ jsx(ThemeProvider, {
+        attribute: "class",
+        defaultTheme: defaultMode,
+        disableTransitionOnChange: true,
+        enableSystem: true,
+        storageKey: MODE_STORAGE_KEY,
+        themes: [
+            "light",
+            "dark"
+        ],
+        children: /*#__PURE__*/ jsx(BrandProvider, {
+            defaultBrand: defaultBrand,
+            children: children
+        })
+    });
+}
+function useAppTheme() {
+    const brandCtx = useContext(BrandContext);
+    if (!brandCtx) throw new Error("useAppTheme must be used within AppThemeProvider");
+    const { theme, systemTheme, setTheme } = useTheme();
+    const { brand, setBrand, mounted } = brandCtx;
+    const mode = theme ?? DEFAULT_MODE;
+    const resolvedMode = "system" === mode ? systemTheme ?? "light" : mode;
+    return {
+        brand,
+        brands: brandKeys(),
+        setBrand,
+        mode,
+        resolvedMode,
+        setMode: (next)=>{
+            if ("light" === next || brandSupportsDark(brand)) setTheme(next);
+        },
+        availableModes: availableModeSettings(brand),
+        mounted
+    };
+}
+function BrandThemeScript({ defaultBrand = DEFAULT_BRAND }) {
+    const attrByBrand = {};
+    for (const key of brandKeys())attrByBrand[key] = brandAttr(key);
+    const script = `(function(){try{var d=${JSON.stringify(defaultBrand)};var m=${JSON.stringify(attrByBrand)};var k=localStorage.getItem(${JSON.stringify(BRAND_STORAGE_KEY)});if(!k||!Object.prototype.hasOwnProperty.call(m,k)){k=d;}var a=m[k];var e=document.documentElement;if(a){e.setAttribute('data-theme',a);}else{e.removeAttribute('data-theme');}}catch(e){}})();`;
+    return /*#__PURE__*/ jsx("script", {
+        dangerouslySetInnerHTML: {
+            __html: script
+        },
+        suppressHydrationWarning: true
+    });
+}
+export { AppThemeProvider, BrandThemeScript, useAppTheme };