@janbox/storefront-ui 1.0.0

package/dist/lib/table/index.d.ts

@@ -0,0 +1,9 @@
+export * from './table';
+export * from './table-body';
+export * from './table-head';
+export * from './table-head';
+export * from './table-body';
+export * from './table-row';
+export * from './table-cell';
+export * from './table-footer';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/lib/table/table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './table';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/lib/table/table/table.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+require("react");
+require("clsx");
+require("lodash-es");
+const theme_palette = require("../../../theme/palette.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const Table = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      css: {
+        width: "100%",
+        borderTopLeftRadius: "0.5rem",
+        borderTopRightRadius: "0.5rem",
+        overflow: "hidden",
+        backgroundColor: theme_palette.getColorVar("surface.default")
+      },
+      className: stylesheet.cn(className),
+      ...props,
+      children
+    }
+  );
+};
+exports.Table = Table;

package/dist/lib/table/table/table.d.ts

@@ -0,0 +1,3 @@
+import { TableProps } from './types';
+export declare const Table: ({ className, children, ...props }: TableProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

package/dist/lib/table/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAKrC,eAAO,MAAM,KAAK,sCAAuC,UAAU,qDAgBlE,CAAC"}

package/dist/lib/table/table/table.js

@@ -0,0 +1,26 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import "react";
+import "clsx";
+import "lodash-es";
+import { getColorVar } from "../../../theme/palette.js";
+import { cn } from "../../../utils/stylesheet.js";
+const Table = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "table",
+    {
+      css: {
+        width: "100%",
+        borderTopLeftRadius: "0.5rem",
+        borderTopRightRadius: "0.5rem",
+        overflow: "hidden",
+        backgroundColor: getColorVar("surface.default")
+      },
+      className: cn(className),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  Table
+};

package/dist/lib/table/table/types.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export type TableProps = JSX.IntrinsicElements['table'];
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC"}

package/dist/lib/table/table-body/index.d.ts

@@ -0,0 +1,3 @@
+export * from './table-body';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-body/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-body/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/lib/table/table-body/table-body.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+require("lodash-es");
+const theme_palette = require("../../../theme/palette.cjs");
+const primitive = require("../../primitive/primitive.cjs");
+const TableBody = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitive.Primitive,
+    {
+      as: "tbody",
+      xs: {
+        css: {
+          "& > tr": {
+            position: "relative",
+            "&::after": {
+              content: '""',
+              position: "absolute",
+              bottom: 0,
+              left: 0,
+              right: 0,
+              borderBottomWidth: 1,
+              borderBottomStyle: "solid",
+              borderBottomColor: theme_palette.getColorVar("neutral.100")
+            }
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+};
+exports.TableBody = TableBody;

package/dist/lib/table/table-body/table-body.d.ts

@@ -0,0 +1,3 @@
+import { TableBodyProps } from './types';
+export declare const TableBody: ({ children, ...props }: TableBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-body.d.ts.map

package/dist/lib/table/table-body/table-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-body.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-body/table-body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,SAAS,2BAA4B,cAAc,qDA0B/D,CAAC"}

package/dist/lib/table/table-body/table-body.js

@@ -0,0 +1,34 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import "lodash-es";
+import { getColorVar } from "../../../theme/palette.js";
+import { Primitive } from "../../primitive/primitive.js";
+const TableBody = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Primitive,
+    {
+      as: "tbody",
+      xs: {
+        css: {
+          "& > tr": {
+            position: "relative",
+            "&::after": {
+              content: '""',
+              position: "absolute",
+              bottom: 0,
+              left: 0,
+              right: 0,
+              borderBottomWidth: 1,
+              borderBottomStyle: "solid",
+              borderBottomColor: getColorVar("neutral.100")
+            }
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TableBody
+};

package/dist/lib/table/table-body/types.d.ts

@@ -0,0 +1,4 @@
+import { PrimitiveProps } from '../../primitive';
+import { JSX } from 'react';
+export type TableBodyProps = PrimitiveProps<JSX.IntrinsicElements["tbody"]>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-body/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-body/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC"}

package/dist/lib/table/table-cell/index.d.ts

@@ -0,0 +1,3 @@
+export * from './table-cell';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-cell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/lib/table/table-cell/table-cell.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+require("react");
+require("clsx");
+require("lodash-es");
+require("../../../theme/palette.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const TableCell = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { css: { padding: "0.5rem" }, className: stylesheet.cn(className), ...props, children });
+};
+exports.TableCell = TableCell;

package/dist/lib/table/table-cell/table-cell.d.ts

@@ -0,0 +1,3 @@
+import { TableCellProps } from './types';
+export declare const TableCell: ({ className, children, ...props }: TableCellProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-cell.d.ts.map

package/dist/lib/table/table-cell/table-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-cell/table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,SAAS,sCAAuC,cAAc,qDAM1E,CAAC"}

package/dist/lib/table/table-cell/table-cell.js

@@ -0,0 +1,12 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import "react";
+import "clsx";
+import "lodash-es";
+import "../../../theme/palette.js";
+import { cn } from "../../../utils/stylesheet.js";
+const TableCell = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsx("td", { css: { padding: "0.5rem" }, className: cn(className), ...props, children });
+};
+export {
+  TableCell
+};

package/dist/lib/table/table-cell/types.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export type TableCellProps = JSX.IntrinsicElements['td'];
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-cell/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-cell/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC"}

package/dist/lib/table/table-footer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table-footer';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-footer/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/lib/table/table-footer/table-footer.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const TableFooter = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("tfoot", { ...props, children });
+};
+exports.TableFooter = TableFooter;

package/dist/lib/table/table-footer/table-footer.d.ts

@@ -0,0 +1,3 @@
+import { TableFooterProps } from './types';
+export declare const TableFooter: ({ children, ...props }: TableFooterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-footer.d.ts.map

package/dist/lib/table/table-footer/table-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-footer.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-footer/table-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,WAAW,2BAA4B,gBAAgB,qDAEnE,CAAC"}

package/dist/lib/table/table-footer/table-footer.js

@@ -0,0 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+const TableFooter = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx("tfoot", { ...props, children });
+};
+export {
+  TableFooter
+};

package/dist/lib/table/table-footer/types.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export type TableFooterProps = JSX.IntrinsicElements['tfoot'];
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-footer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-footer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,gBAAgB,GAAG,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC"}

package/dist/lib/table/table-head/index.d.ts

@@ -0,0 +1,3 @@
+export * from './table-head';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-head/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-head/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/lib/table/table-head/table-head.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+require("lodash-es");
+const theme_palette = require("../../../theme/palette.cjs");
+const primitive = require("../../primitive/primitive.cjs");
+const TableHead = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    primitive.Primitive,
+    {
+      as: "thead",
+      xs: {
+        css: {
+          position: "relative",
+          fontWeight: 500,
+          "&::after": {
+            content: '""',
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            borderTopWidth: 1,
+            borderTopStyle: "solid",
+            borderTopColor: theme_palette.getColorVar("neutral.200")
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+};
+exports.TableHead = TableHead;

package/dist/lib/table/table-head/table-head.d.ts

@@ -0,0 +1,3 @@
+import { TableHeadProps } from './types';
+export declare const TableHead: ({ children, ...props }: TableHeadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-head.d.ts.map

package/dist/lib/table/table-head/table-head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-head.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-head/table-head.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,SAAS,2BAA4B,cAAc,qDAyB/D,CAAC"}

package/dist/lib/table/table-head/table-head.js

@@ -0,0 +1,33 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import "lodash-es";
+import { getColorVar } from "../../../theme/palette.js";
+import { Primitive } from "../../primitive/primitive.js";
+const TableHead = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Primitive,
+    {
+      as: "thead",
+      xs: {
+        css: {
+          position: "relative",
+          fontWeight: 500,
+          "&::after": {
+            content: '""',
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            borderTopWidth: 1,
+            borderTopStyle: "solid",
+            borderTopColor: getColorVar("neutral.200")
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TableHead
+};

package/dist/lib/table/table-head/types.d.ts

@@ -0,0 +1,4 @@
+import { PrimitiveProps } from '../../primitive';
+import { JSX } from 'react';
+export type TableHeadProps = PrimitiveProps<JSX.IntrinsicElements["thead"]>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-head/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-head/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC"}

package/dist/lib/table/table-row/index.d.ts

@@ -0,0 +1,3 @@
+export * from './table-row';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-row/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/lib/table/table-row/table-row.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const TableRow = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props, children });
+};
+exports.TableRow = TableRow;

package/dist/lib/table/table-row/table-row.d.ts

@@ -0,0 +1,3 @@
+import { TableRowProps } from './types';
+export declare const TableRow: ({ children, ...props }: TableRowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-row.d.ts.map

package/dist/lib/table/table-row/table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-row/table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,QAAQ,2BAA4B,aAAa,qDAE7D,CAAC"}

package/dist/lib/table/table-row/table-row.js

@@ -0,0 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+const TableRow = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx("tr", { ...props, children });
+};
+export {
+  TableRow
+};

package/dist/lib/table/table-row/types.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export type TableRowProps = JSX.IntrinsicElements['tr'];
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-row/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-row/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,aAAa,GAAG,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC"}

package/dist/lib/tabs/index.d.ts

@@ -0,0 +1,6 @@
+export * from './tabs';
+export * from './tab-list';
+export * from './tab';
+export * from './tab-content';
+export * from './tab-panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/lib/tabs/tab/helpers.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const TabIndexContext = react.createContext(-1);
+const useTabIndexContext = () => {
+  return react.useContext(TabIndexContext);
+};
+exports.TabIndexContext = TabIndexContext;
+exports.useTabIndexContext = useTabIndexContext;

package/dist/lib/tabs/tab/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const TabIndexContext: import('react').Context<number>;
+export declare const useTabIndexContext: () => number;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/tabs/tab/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,iCAAoB,CAAC;AAEjD,eAAO,MAAM,kBAAkB,cAE9B,CAAC"}

package/dist/lib/tabs/tab/helpers.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+const TabIndexContext = createContext(-1);
+const useTabIndexContext = () => {
+  return useContext(TabIndexContext);
+};
+export {
+  TabIndexContext,
+  useTabIndexContext
+};

package/dist/lib/tabs/tab/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tab';
+export * from './types';
+export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/tabs/tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/lib/tabs/tab/tab.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const utils_index = require("../../../utils/index.cjs");
+const helpers$1 = require("./helpers.cjs");
+const helpers = require("../tabs/helpers.cjs");
+const button = require("../../button/button.cjs");
+const Tab = ({ children, ref, ..._props }) => {
+  var _a;
+  const { focusTab, activeIndex, tabProps: defaultTabProps = {}, preventActiveTabChange } = helpers.useTabsContext();
+  const { color, states, ...rest } = utils_index.mergeComponentProps(defaultTabProps, _props);
+  const tabIndex = helpers$1.useTabIndexContext();
+  const isTabActive = tabIndex === activeIndex;
+  const onClick = (e) => {
+    var _a2;
+    e.preventDefault();
+    if (preventActiveTabChange) {
+      !isTabActive && focusTab(tabIndex);
+    } else {
+      focusTab(tabIndex);
+    }
+    (_a2 = rest.onClick) == null ? void 0 : _a2.call(rest, e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { ...rest, onClick, color: isTabActive ? (_a = states == null ? void 0 : states.active) == null ? void 0 : _a.color : color, ref, children });
+};
+exports.Tab = Tab;

package/dist/lib/tabs/tab/tab.d.ts

@@ -0,0 +1,3 @@
+import { TabProps } from './types';
+export declare const Tab: ({ children, ref, ..._props }: TabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tab.d.ts.map

package/dist/lib/tabs/tab/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKnC,eAAO,MAAM,GAAG,iCAAkC,QAAQ,qDAwBzD,CAAC"}

package/dist/lib/tabs/tab/tab.js

@@ -0,0 +1,26 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { mergeComponentProps } from "../../../utils/index.js";
+import { useTabIndexContext } from "./helpers.js";
+import { useTabsContext } from "../tabs/helpers.js";
+import { Button } from "../../button/button.js";
+const Tab = ({ children, ref, ..._props }) => {
+  var _a;
+  const { focusTab, activeIndex, tabProps: defaultTabProps = {}, preventActiveTabChange } = useTabsContext();
+  const { color, states, ...rest } = mergeComponentProps(defaultTabProps, _props);
+  const tabIndex = useTabIndexContext();
+  const isTabActive = tabIndex === activeIndex;
+  const onClick = (e) => {
+    var _a2;
+    e.preventDefault();
+    if (preventActiveTabChange) {
+      !isTabActive && focusTab(tabIndex);
+    } else {
+      focusTab(tabIndex);
+    }
+    (_a2 = rest.onClick) == null ? void 0 : _a2.call(rest, e);
+  };
+  return /* @__PURE__ */ jsx(Button, { ...rest, onClick, color: isTabActive ? (_a = states == null ? void 0 : states.active) == null ? void 0 : _a.color : color, ref, children });
+};
+export {
+  Tab
+};

package/dist/lib/tabs/tab/types.d.ts

@@ -0,0 +1,14 @@
+import { ButtonProps, ButtonSizeVariant } from '../../button';
+import { ResponsiveDesign, ShallowMerge } from '../../../types';
+export type TabState = 'active';
+export interface TabResponsiveProps {
+    size?: ButtonSizeVariant;
+}
+export interface TabExtendedProps extends ResponsiveDesign<TabResponsiveProps> {
+    states?: Partial<Record<TabState, {
+        color?: ButtonProps['color'];
+        variant?: ButtonProps['variant'];
+    }>>;
+}
+export type TabProps = ShallowMerge<ButtonProps, TabExtendedProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/tabs/tab/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,CAAC,kBAAkB,CAAC;IAC5E,MAAM,CAAC,EAAE,OAAO,CACd,MAAM,CACJ,QAAQ,EACR;QACE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;KAClC,CACF,CACF,CAAC;CACH;AAED,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/lib/tabs/tab-content/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tab-content';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/tabs/tab-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

package/dist/lib/tabs/tab-content/tab-content.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const utils_index = require("../../../utils/index.cjs");
+const helpers = require("../tabs/helpers.cjs");
+const TabContent = react.forwardRef(({ children, ...rest }, ref) => {
+  const { activeIndex } = helpers.useTabsContext();
+  const flattenedChildren = utils_index.flattenChildren(children);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      css: {
+        display: "contents"
+      },
+      ...rest,
+      ref,
+      children: flattenedChildren.find((_, index) => index === activeIndex)
+    }
+  );
+});
+exports.TabContent = TabContent;

package/dist/lib/tabs/tab-content/tab-content.d.ts

@@ -0,0 +1,4 @@
+export declare const TabContent: import('react').ForwardRefExoticComponent<{
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tab-content.d.ts.map

package/dist/lib/tabs/tab-content/tab-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/tab-content.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU;;kDAgBrB,CAAC"}