@raystack/apsara 0.31.1 → 0.32.0

package/dist/table/table.cjs

@@ -25,27 +25,51 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const table = index.cva(table_module.default.table);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableRoot = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("div", { style: { width: "100%", overflow: "auto" }, children: jsxRuntime.jsxRuntimeExports.jsx("table", { ref: ref, className: table({ className }), ...props }) })));
 TableRoot.displayName = "Table";
 const header = index.cva(table_module.default.header);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableHeader = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("thead", { ref: ref, className: header({ className }), ...props })));
 TableHeader.displayName = "TableHeader";
 const body = index.cva(table_module.default.body);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableBody = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("tbody", { ref: ref, className: body({ className }), ...props })));
 TableBody.displayName = "TableBody";
 const footer = index.cva(table_module.default.footer);
+/**
+ * @deprecated TableFooter is removed and no longer supported in `@raystack/apsara/v1`
+ */
 const TableFooter = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("tfoot", { ref: ref, className: footer({ className }), ...props })));
 TableFooter.displayName = "TableFooter";
 const row = index.cva(table_module.default.row);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableRow = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("tr", { ref: ref, className: row({ className }), ...props })));
 TableRow.displayName = "TableRow";
 const head = index.cva(table_module.default.head);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableHead = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("th", { ref: ref, className: head({ className }), ...props })));
 TableHead.displayName = "TableHead";
 const cell = index.cva(table_module.default.cell);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableCell = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("td", { ref: ref, className: cell({ className }), ...props })));
 TableCell.displayName = "TableCell";
 const caption = index.cva(table_module.default.caption);
+/**
+ * @deprecated TableCaption is removed and no longer supported in `@raystack/apsara/v1`
+ */
 const TableCaption = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("caption", { ref: ref, className: caption({ className }), ...props })));
 TableCaption.displayName = "TableCaption";
 const Table = Object.assign(TableRoot, {

package/dist/table/table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.cjs","sources":["../../table/table.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles.table);\nconst TableRoot = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement> &\n    React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => (\n  <div style={{ width: \"100%\", overflow: \"auto\" }}>\n    <table ref={ref} className={table({ className })} {...props} />\n  </div>\n));\nTableRoot.displayName = \"Table\";\n\nconst header = cva(styles.header);\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={header({ className })} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst body = cva(styles.body);\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof body>>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={body({ className })} {...props} />\n));\nTableBody.displayName = \"TableBody\";\n\nconst footer = cva(styles.footer);\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof footer>>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={footer({ className })} {...props} />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst row = cva(styles.row);\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> &\n    React.PropsWithChildren<VariantProps<typeof row>>\n>(({ className, ...props }, ref) => (\n  <tr ref={ref} className={row({ className })} {...props} />\n));\nTableRow.displayName = \"TableRow\";\n\nconst head = cva(styles.head);\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => (\n  <th ref={ref} className={head({ className })} {...props} />\n));\nTableHead.displayName = \"TableHead\";\n\nconst cell = cva(styles.cell);\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={cell({ className })} {...props} />\n));\nTableCell.displayName = \"TableCell\";\n\nconst caption = cva(styles.caption);\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={caption({ className })} {...props} />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Head: TableHead,\n  Row: TableRow,\n  Cell: TableCell,\n  Caption: TableCaption,\n});\n"],"names":["cva","styles","React","_jsx"],"mappings":"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"}
+{"version":3,"file":"table.cjs","sources":["../../table/table.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles.table);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableRoot = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement> &\n    React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => (\n  <div style={{ width: \"100%\", overflow: \"auto\" }}>\n    <table ref={ref} className={table({ className })} {...props} />\n  </div>\n));\nTableRoot.displayName = \"Table\";\n\nconst header = cva(styles.header);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={header({ className })} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst body = cva(styles.body);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof body>>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={body({ className })} {...props} />\n));\nTableBody.displayName = \"TableBody\";\n\nconst footer = cva(styles.footer);\n/**\n * @deprecated TableFooter is removed and no longer supported in `@raystack/apsara/v1`\n */\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof footer>>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={footer({ className })} {...props} />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst row = cva(styles.row);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> &\n    React.PropsWithChildren<VariantProps<typeof row>>\n>(({ className, ...props }, ref) => (\n  <tr ref={ref} className={row({ className })} {...props} />\n));\nTableRow.displayName = \"TableRow\";\n\nconst head = cva(styles.head);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => (\n  <th ref={ref} className={head({ className })} {...props} />\n));\nTableHead.displayName = \"TableHead\";\n\nconst cell = cva(styles.cell);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={cell({ className })} {...props} />\n));\nTableCell.displayName = \"TableCell\";\n\nconst caption = cva(styles.caption);\n/**\n * @deprecated TableCaption is removed and no longer supported in `@raystack/apsara/v1`\n */\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={caption({ className })} {...props} />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Head: TableHead,\n  Row: TableRow,\n  Cell: TableCell,\n  Caption: TableCaption,\n});\n"],"names":["cva","styles","React","_jsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoF/B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;CAQhB,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4G/B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;CAQhB,CAAC"}

package/dist/table/table.js

@@ -4,27 +4,51 @@ import * as React from 'react';
 import styles from './table.module.css.js';
 
 const table = cva(styles.table);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("div", { style: { width: "100%", overflow: "auto" }, children: jsxRuntimeExports.jsx("table", { ref: ref, className: table({ className }), ...props }) })));
 TableRoot.displayName = "Table";
 const header = cva(styles.header);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("thead", { ref: ref, className: header({ className }), ...props })));
 TableHeader.displayName = "TableHeader";
 const body = cva(styles.body);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableBody = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("tbody", { ref: ref, className: body({ className }), ...props })));
 TableBody.displayName = "TableBody";
 const footer = cva(styles.footer);
+/**
+ * @deprecated TableFooter is removed and no longer supported in `@raystack/apsara/v1`
+ */
 const TableFooter = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("tfoot", { ref: ref, className: footer({ className }), ...props })));
 TableFooter.displayName = "TableFooter";
 const row = cva(styles.row);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableRow = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("tr", { ref: ref, className: row({ className }), ...props })));
 TableRow.displayName = "TableRow";
 const head = cva(styles.head);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableHead = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("th", { ref: ref, className: head({ className }), ...props })));
 TableHead.displayName = "TableHead";
 const cell = cva(styles.cell);
+/**
+ * @deprecated Use Table from '@raystack/apsara/v1' instead.
+ */
 const TableCell = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("td", { ref: ref, className: cell({ className }), ...props })));
 TableCell.displayName = "TableCell";
 const caption = cva(styles.caption);
+/**
+ * @deprecated TableCaption is removed and no longer supported in `@raystack/apsara/v1`
+ */
 const TableCaption = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("caption", { ref: ref, className: caption({ className }), ...props })));
 TableCaption.displayName = "TableCaption";
 const Table = Object.assign(TableRoot, {

package/dist/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../table/table.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles.table);\nconst TableRoot = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement> &\n    React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => (\n  <div style={{ width: \"100%\", overflow: \"auto\" }}>\n    <table ref={ref} className={table({ className })} {...props} />\n  </div>\n));\nTableRoot.displayName = \"Table\";\n\nconst header = cva(styles.header);\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={header({ className })} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst body = cva(styles.body);\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof body>>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={body({ className })} {...props} />\n));\nTableBody.displayName = \"TableBody\";\n\nconst footer = cva(styles.footer);\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof footer>>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={footer({ className })} {...props} />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst row = cva(styles.row);\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> &\n    React.PropsWithChildren<VariantProps<typeof row>>\n>(({ className, ...props }, ref) => (\n  <tr ref={ref} className={row({ className })} {...props} />\n));\nTableRow.displayName = \"TableRow\";\n\nconst head = cva(styles.head);\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => (\n  <th ref={ref} className={head({ className })} {...props} />\n));\nTableHead.displayName = \"TableHead\";\n\nconst cell = cva(styles.cell);\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={cell({ className })} {...props} />\n));\nTableCell.displayName = \"TableCell\";\n\nconst caption = cva(styles.caption);\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={caption({ className })} {...props} />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Head: TableHead,\n  Row: TableRow,\n  Cell: TableCell,\n  Caption: TableCaption,\n});\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../table/table.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport styles from \"./table.module.css\";\n\nconst table = cva(styles.table);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableRoot = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement> &\n    React.PropsWithChildren<VariantProps<typeof table>>\n>(({ className, ...props }, ref) => (\n  <div style={{ width: \"100%\", overflow: \"auto\" }}>\n    <table ref={ref} className={table({ className })} {...props} />\n  </div>\n));\nTableRoot.displayName = \"Table\";\n\nconst header = cva(styles.header);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof header>>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={header({ className })} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst body = cva(styles.body);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof body>>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={body({ className })} {...props} />\n));\nTableBody.displayName = \"TableBody\";\n\nconst footer = cva(styles.footer);\n/**\n * @deprecated TableFooter is removed and no longer supported in `@raystack/apsara/v1`\n */\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement> &\n    React.PropsWithChildren<VariantProps<typeof footer>>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={footer({ className })} {...props} />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst row = cva(styles.row);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement> &\n    React.PropsWithChildren<VariantProps<typeof row>>\n>(({ className, ...props }, ref) => (\n  <tr ref={ref} className={row({ className })} {...props} />\n));\nTableRow.displayName = \"TableRow\";\n\nconst head = cva(styles.head);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => (\n  <th ref={ref} className={head({ className })} {...props} />\n));\nTableHead.displayName = \"TableHead\";\n\nconst cell = cva(styles.cell);\n/**\n * @deprecated Use Table from '@raystack/apsara/v1' instead.\n */\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> &\n    React.PropsWithChildren<VariantProps<typeof head>>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={cell({ className })} {...props} />\n));\nTableCell.displayName = \"TableCell\";\n\nconst caption = cva(styles.caption);\n/**\n * @deprecated TableCaption is removed and no longer supported in `@raystack/apsara/v1`\n */\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption ref={ref} className={caption({ className })} {...props} />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport const Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Head: TableHead,\n  Row: TableRow,\n  Cell: TableCell,\n  Caption: TableCaption,\n});\n"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAChC;;AAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAIhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAC7CA,iCAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAAM,KAAK,EAAI,CAAA,EAAA,CAC3D,CACP,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;AAEhC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAClC;;AAEG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAIlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAAM,KAAK,EAAI,CAAA,CACjE,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B;;AAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAIhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAAM,KAAK,EAAI,CAAA,CAC/D,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAClC;;AAEG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAIlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAAM,KAAK,EAAI,CAAA,CACjE,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAC5B;;AAEG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAI/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAAM,KAAK,EAAI,CAAA,CAC3D,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B;;AAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAIhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAAM,KAAK,EAAI,CAAA,CAC5D,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B;;AAEG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAIhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAAM,KAAK,EAAI,CAAA,CAC5D,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACpC;;AAEG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAA,CAAA,SAAA,EAAA,EAAS,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAAM,KAAK,EAAI,CAAA,CACpE,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;MAE7B,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC5C,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,YAAY;AACtB,CAAA;;;;"}

package/dist/toggle-group/togglegroup.cjs

@@ -6,14 +6,23 @@ var togglegroup_module = require('./togglegroup.module.css.cjs');
 var index$1 = require('../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 
 const root = index$1.cva(togglegroup_module.default.root);
+/*
+ *  @deprecated Use Tabs from @raystack/apsara/v1 instead.
+ */
 const ToggleGroupRoot = ({ className, ...props }) => {
     return (jsxRuntime.jsxRuntimeExports.jsx(index.Root, { className: root({ className }), ...props }));
 };
 ToggleGroupRoot.defaultProps = { type: "single" };
 const item = index$1.cva(togglegroup_module.default.item);
+/*
+ *  @deprecated Use Tabs from @raystack/apsara/v1 instead.
+ */
 const ToggleGroupItem = ({ className, ...props }) => {
     return (jsxRuntime.jsxRuntimeExports.jsx(index.Item, { className: item({ className }), ...props }));
 };
+/*
+ *  @deprecated Use Tabs from @raystack/apsara/v1 instead.
+ */
 const ToggleGroup = Object.assign(ToggleGroupRoot, {
     Item: ToggleGroupItem,
 });

package/dist/toggle-group/togglegroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"togglegroup.cjs","sources":["../../toggle-group/togglegroup.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef } from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport styles from \"./togglegroup.module.css\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nconst root = cva(styles.root);\n\nexport type ToggleGroupProps = ComponentPropsWithoutRef<\n  typeof ToggleGroupPrimitive.Root\n> &\n  VariantProps<typeof root>;\n\nexport const ToggleGroupRoot = ({ className, ...props }: ToggleGroupProps) => {\n  return (\n    <ToggleGroupPrimitive.Root className={root({ className })} {...props} />\n  );\n};\n\nToggleGroupRoot.defaultProps = { type: \"single\" };\n\nconst item = cva(styles.item);\n\nexport interface ToggleGroupItemProps\n  extends ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    VariantProps<typeof item> {}\n\nexport const ToggleGroupItem = ({\n  className,\n  ...props\n}: ToggleGroupItemProps) => {\n  return (\n    <ToggleGroupPrimitive.Item className={item({ className })} {...props} />\n  );\n};\n\nexport const ToggleGroup = Object.assign(ToggleGroupRoot, {\n  Item: ToggleGroupItem,\n});\n"],"names":["cva","styles","_jsx","ToggleGroupPrimitive.Root","ToggleGroupPrimitive.Item"],"mappings":";;;;;;;AAKA,MAAM,IAAI,GAAGA,WAAG,CAACC,0BAAM,CAAC,IAAI,CAAC,CAAC;AAOvB,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,KAAI;AAC3E,IAAA,QACEC,gCAAC,CAAAC,UAAyB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,CAAI,EACxE;AACJ,EAAE;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAElD,MAAM,IAAI,GAAGH,WAAG,CAACC,0BAAM,CAAC,IAAI,CAAC,CAAC;AAMvB,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACa,KAAI;AACzB,IAAA,QACEC,gCAAC,CAAAE,UAAyB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,CAAI,EACxE;AACJ,EAAE;MAEW,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACxD,IAAA,IAAI,EAAE,eAAe;AACtB,CAAA;;;;;;"}
+{"version":3,"file":"togglegroup.cjs","sources":["../../toggle-group/togglegroup.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef } from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport styles from \"./togglegroup.module.css\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nconst root = cva(styles.root);\n\nexport type ToggleGroupProps = ComponentPropsWithoutRef<\n  typeof ToggleGroupPrimitive.Root\n> &\n  VariantProps<typeof root>;\n\n/*\n *  @deprecated Use Tabs from @raystack/apsara/v1 instead.\n */\nexport const ToggleGroupRoot = ({ className, ...props }: ToggleGroupProps) => {\n  return (\n    <ToggleGroupPrimitive.Root className={root({ className })} {...props} />\n  );\n};\n\nToggleGroupRoot.defaultProps = { type: \"single\" };\n\nconst item = cva(styles.item);\n\n/*\n *  @deprecated Use Tabs from @raystack/apsara/v1 instead.\n */\nexport interface ToggleGroupItemProps\n  extends ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    VariantProps<typeof item> {}\n\n/*\n *  @deprecated Use Tabs from @raystack/apsara/v1 instead.\n */\nexport const ToggleGroupItem = ({\n  className,\n  ...props\n}: ToggleGroupItemProps) => {\n  return (\n    <ToggleGroupPrimitive.Item className={item({ className })} {...props} />\n  );\n};\n\n/*\n *  @deprecated Use Tabs from @raystack/apsara/v1 instead.\n */\nexport const ToggleGroup = Object.assign(ToggleGroupRoot, {\n  Item: ToggleGroupItem,\n});\n"],"names":["cva","styles","_jsx","ToggleGroupPrimitive.Root","ToggleGroupPrimitive.Item"],"mappings":";;;;;;;AAKA,MAAM,IAAI,GAAGA,WAAG,CAACC,0BAAM,CAAC,IAAI,CAAC,CAAC;AAO9B;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,KAAI;AAC3E,IAAA,QACEC,gCAAC,CAAAC,UAAyB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,CAAI,EACxE;AACJ,EAAE;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAElD,MAAM,IAAI,GAAGH,WAAG,CAACC,0BAAM,CAAC,IAAI,CAAC,CAAC;AAS9B;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACa,KAAI;AACzB,IAAA,QACEC,gCAAC,CAAAE,UAAyB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,CAAI,EACxE;AACJ,EAAE;AAEF;;AAEG;MACU,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACxD,IAAA,IAAI,EAAE,eAAe;AACtB,CAAA;;;;;;"}

package/dist/toggle-group/togglegroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"togglegroup.d.ts","sourceRoot":"","sources":["../../toggle-group/togglegroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,QAAA,MAAM,IAAI,yFAAmB,CAAC;AAE9B,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CACrD,OAAO,oBAAoB,CAAC,IAAI,CACjC,GACC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AAE5B,eAAO,MAAM,eAAe;8BAA6B,gBAAgB;;;;CAIxE,CAAC;AAIF,QAAA,MAAM,IAAI,yFAAmB,CAAC;AAE9B,MAAM,WAAW,oBACf,SAAQ,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EAChE,YAAY,CAAC,OAAO,IAAI,CAAC;CAAG;AAEhC,eAAO,MAAM,eAAe,4BAGzB,oBAAoB,4CAItB,CAAC;AAEF,eAAO,MAAM,WAAW;8BAvBiC,gBAAgB;;;;;oCAiBtE,oBAAoB;CAQrB,CAAC"}
+{"version":3,"file":"togglegroup.d.ts","sourceRoot":"","sources":["../../toggle-group/togglegroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,QAAA,MAAM,IAAI,yFAAmB,CAAC;AAE9B,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CACrD,OAAO,oBAAoB,CAAC,IAAI,CACjC,GACC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AAK5B,eAAO,MAAM,eAAe;8BAA6B,gBAAgB;;;;CAIxE,CAAC;AAIF,QAAA,MAAM,IAAI,yFAAmB,CAAC;AAK9B,MAAM,WAAW,oBACf,SAAQ,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EAChE,YAAY,CAAC,OAAO,IAAI,CAAC;CAAG;AAKhC,eAAO,MAAM,eAAe,4BAGzB,oBAAoB,4CAItB,CAAC;AAKF,eAAO,MAAM,WAAW;8BAhCiC,gBAAgB;;;;;oCAuBtE,oBAAoB;CAWrB,CAAC"}

package/dist/toggle-group/togglegroup.js

@@ -4,14 +4,23 @@ import styles from './togglegroup.module.css.js';
 import { cva } from '../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 
 const root = cva(styles.root);
+/*
+ *  @deprecated Use Tabs from @raystack/apsara/v1 instead.
+ */
 const ToggleGroupRoot = ({ className, ...props }) => {
     return (jsxRuntimeExports.jsx($6c1fd9e6a8969628$export$be92b6f5f03c0fe9, { className: root({ className }), ...props }));
 };
 ToggleGroupRoot.defaultProps = { type: "single" };
 const item = cva(styles.item);
+/*
+ *  @deprecated Use Tabs from @raystack/apsara/v1 instead.
+ */
 const ToggleGroupItem = ({ className, ...props }) => {
     return (jsxRuntimeExports.jsx($6c1fd9e6a8969628$export$6d08773d2e66f8f2, { className: item({ className }), ...props }));
 };
+/*
+ *  @deprecated Use Tabs from @raystack/apsara/v1 instead.
+ */
 const ToggleGroup = Object.assign(ToggleGroupRoot, {
     Item: ToggleGroupItem,
 });

package/dist/toggle-group/togglegroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"togglegroup.js","sources":["../../toggle-group/togglegroup.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef } from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport styles from \"./togglegroup.module.css\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nconst root = cva(styles.root);\n\nexport type ToggleGroupProps = ComponentPropsWithoutRef<\n  typeof ToggleGroupPrimitive.Root\n> &\n  VariantProps<typeof root>;\n\nexport const ToggleGroupRoot = ({ className, ...props }: ToggleGroupProps) => {\n  return (\n    <ToggleGroupPrimitive.Root className={root({ className })} {...props} />\n  );\n};\n\nToggleGroupRoot.defaultProps = { type: \"single\" };\n\nconst item = cva(styles.item);\n\nexport interface ToggleGroupItemProps\n  extends ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    VariantProps<typeof item> {}\n\nexport const ToggleGroupItem = ({\n  className,\n  ...props\n}: ToggleGroupItemProps) => {\n  return (\n    <ToggleGroupPrimitive.Item className={item({ className })} {...props} />\n  );\n};\n\nexport const ToggleGroup = Object.assign(ToggleGroupRoot, {\n  Item: ToggleGroupItem,\n});\n"],"names":["_jsx","ToggleGroupPrimitive.Root","ToggleGroupPrimitive.Item"],"mappings":";;;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAOvB,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,KAAI;AAC3E,IAAA,QACEA,qBAAC,CAAAC,yCAAyB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,CAAI,EACxE;AACJ,EAAE;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAElD,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAMvB,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACa,KAAI;AACzB,IAAA,QACED,qBAAC,CAAAE,yCAAyB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,CAAI,EACxE;AACJ,EAAE;MAEW,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACxD,IAAA,IAAI,EAAE,eAAe;AACtB,CAAA;;;;"}
+{"version":3,"file":"togglegroup.js","sources":["../../toggle-group/togglegroup.tsx"],"sourcesContent":["import React, { ComponentPropsWithoutRef } from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport styles from \"./togglegroup.module.css\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nconst root = cva(styles.root);\n\nexport type ToggleGroupProps = ComponentPropsWithoutRef<\n  typeof ToggleGroupPrimitive.Root\n> &\n  VariantProps<typeof root>;\n\n/*\n *  @deprecated Use Tabs from @raystack/apsara/v1 instead.\n */\nexport const ToggleGroupRoot = ({ className, ...props }: ToggleGroupProps) => {\n  return (\n    <ToggleGroupPrimitive.Root className={root({ className })} {...props} />\n  );\n};\n\nToggleGroupRoot.defaultProps = { type: \"single\" };\n\nconst item = cva(styles.item);\n\n/*\n *  @deprecated Use Tabs from @raystack/apsara/v1 instead.\n */\nexport interface ToggleGroupItemProps\n  extends ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,\n    VariantProps<typeof item> {}\n\n/*\n *  @deprecated Use Tabs from @raystack/apsara/v1 instead.\n */\nexport const ToggleGroupItem = ({\n  className,\n  ...props\n}: ToggleGroupItemProps) => {\n  return (\n    <ToggleGroupPrimitive.Item className={item({ className })} {...props} />\n  );\n};\n\n/*\n *  @deprecated Use Tabs from @raystack/apsara/v1 instead.\n */\nexport const ToggleGroup = Object.assign(ToggleGroupRoot, {\n  Item: ToggleGroupItem,\n});\n"],"names":["_jsx","ToggleGroupPrimitive.Root","ToggleGroupPrimitive.Item"],"mappings":";;;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAO9B;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB,KAAI;AAC3E,IAAA,QACEA,qBAAC,CAAAC,yCAAyB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,CAAI,EACxE;AACJ,EAAE;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAElD,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAS9B;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACa,KAAI;AACzB,IAAA,QACED,qBAAC,CAAAE,yCAAyB,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,CAAI,EACxE;AACJ,EAAE;AAEF;;AAEG;MACU,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACxD,IAAA,IAAI,EAAE,eAAe;AACtB,CAAA;;;;"}

package/dist/v1/components/calendar/range-picker.cjs

@@ -10,7 +10,7 @@ var textfield = require('../textfield/textfield.cjs');
 var calendar = require('./calendar.cjs');
 var calendar_module = require('./calendar.module.css.cjs');
 
-function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, calendarProps, onSelect = () => { }, value = {
+function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, placeholders, calendarProps, onSelect = () => { }, value = {
     to: new Date(),
     from: new Date(),
 }, pickerGroupClassName, children, showCalendarIcon = true, }) {
@@ -41,7 +41,7 @@ function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps,
     function onOpenChange(open) {
         setShowCalendar(Boolean(open));
     }
-    const defaultTrigger = (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: startDate, trailing: showCalendarIcon ? jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps }), jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: endDate, trailing: showCalendarIcon ? jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps })] }));
+    const defaultTrigger = (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: startDate, trailing: showCalendarIcon ? jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps, placeholder: placeholders?.startDate || "Select start date" }), jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: endDate, trailing: showCalendarIcon ? jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps, placeholder: placeholders?.endDate || "Select end date" })] }));
     const trigger = typeof children === 'function'
         ? children({ startDate, endDate })
         : children || defaultTrigger;

package/dist/v1/components/calendar/range-picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"range-picker.cjs","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { useState } from \"react\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\n\nimport { Flex } from \"../flex\";\nimport { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n  showCalendarIcon?: boolean;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n  showCalendarIcon = true,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    \n    if (currentRangeField === \"to\" && dayjs(selectedDay).isAfter(dayjs(from))) {\n      // update the end date\n      newRange = { from, to: selectedDay };\n      setCurrentRangeField(\"from\");\n    } else {\n      // reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    \n    setSelectedRange(newRange);\n    onSelect(newRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n      />\n      <TextField\n        value={endDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function' \n    ? children({ startDate, endDate }) \n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["useState","dayjs","_jsxs","Flex","_jsx","TextField","CalendarIcon","styles","Popover","Calendar"],"mappings":"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"}
+{"version":3,"file":"range-picker.cjs","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { useState } from \"react\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\n\nimport { Flex } from \"../flex\";\nimport { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  placeholders?: { startDate?: string; endDate?: string };\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n  showCalendarIcon?: boolean;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  placeholders,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n  showCalendarIcon = true,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    \n    if (currentRangeField === \"to\" && dayjs(selectedDay).isAfter(dayjs(from))) {\n      // update the end date\n      newRange = { from, to: selectedDay };\n      setCurrentRangeField(\"from\");\n    } else {\n      // reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    \n    setSelectedRange(newRange);\n    onSelect(newRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n        placeholder={placeholders?.startDate || \"Select start date\"}\n      />\n      <TextField\n        value={endDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n        placeholder={placeholders?.endDate || \"Select end date\"}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function' \n    ? children({ startDate, endDate }) \n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["useState","dayjs","_jsxs","Flex","_jsx","TextField","CalendarIcon","styles","Popover","Calendar"],"mappings":"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"}

package/dist/v1/components/calendar/range-picker.d.ts

@@ -4,6 +4,10 @@ interface RangePickerProps {
     side?: "top" | "right" | "bottom" | "left";
     dateFormat?: string;
     textFieldProps?: TextfieldProps;
+    placeholders?: {
+        startDate?: string;
+        endDate?: string;
+    };
     calendarProps?: PropsRangeRequired & PropsBase;
     onSelect?: (date: DateRange) => void;
     pickerGroupClassName?: string;
@@ -14,6 +18,6 @@ interface RangePickerProps {
     }) => React.ReactNode);
     showCalendarIcon?: boolean;
 }
-export declare function RangePicker({ side, dateFormat, textFieldProps, calendarProps, onSelect, value, pickerGroupClassName, children, showCalendarIcon, }: RangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function RangePicker({ side, dateFormat, textFieldProps, placeholders, calendarProps, onSelect, value, pickerGroupClassName, children, showCalendarIcon, }: RangePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=range-picker.d.ts.map

package/dist/v1/components/calendar/range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-picker.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/range-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAY,EACZ,UAAyB,EACzB,cAAc,EACd,aAAa,EACb,QAAmB,EACnB,KAGC,EACD,oBAAoB,EACpB,QAAQ,EACR,gBAAuB,GACxB,EAAE,gBAAgB,2CA2ElB"}
+{"version":3,"file":"range-picker.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/range-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAY,EACZ,UAAyB,EACzB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,QAAmB,EACnB,KAGC,EACD,oBAAoB,EACpB,QAAQ,EACR,gBAAuB,GACxB,EAAE,gBAAgB,2CA6ElB"}

package/dist/v1/components/calendar/range-picker.js

@@ -8,7 +8,7 @@ import { TextField } from '../textfield/textfield.js';
 import { Calendar } from './calendar.js';
 import styles from './calendar.module.css.js';
 
-function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, calendarProps, onSelect = () => { }, value = {
+function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, placeholders, calendarProps, onSelect = () => { }, value = {
     to: new Date(),
     from: new Date(),
 }, pickerGroupClassName, children, showCalendarIcon = true, }) {
@@ -39,7 +39,7 @@ function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps,
     function onOpenChange(open) {
         setShowCalendar(Boolean(open));
     }
-    const defaultTrigger = (jsxRuntimeExports.jsxs(Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntimeExports.jsx(TextField, { value: startDate, trailing: showCalendarIcon ? jsxRuntimeExports.jsx(CalendarIcon, {}) : undefined, className: styles.datePickerInput, readOnly: true, ...textFieldProps }), jsxRuntimeExports.jsx(TextField, { value: endDate, trailing: showCalendarIcon ? jsxRuntimeExports.jsx(CalendarIcon, {}) : undefined, className: styles.datePickerInput, readOnly: true, ...textFieldProps })] }));
+    const defaultTrigger = (jsxRuntimeExports.jsxs(Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntimeExports.jsx(TextField, { value: startDate, trailing: showCalendarIcon ? jsxRuntimeExports.jsx(CalendarIcon, {}) : undefined, className: styles.datePickerInput, readOnly: true, ...textFieldProps, placeholder: placeholders?.startDate || "Select start date" }), jsxRuntimeExports.jsx(TextField, { value: endDate, trailing: showCalendarIcon ? jsxRuntimeExports.jsx(CalendarIcon, {}) : undefined, className: styles.datePickerInput, readOnly: true, ...textFieldProps, placeholder: placeholders?.endDate || "Select end date" })] }));
     const trigger = typeof children === 'function'
         ? children({ startDate, endDate })
         : children || defaultTrigger;

package/dist/v1/components/calendar/range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-picker.js","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { useState } from \"react\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\n\nimport { Flex } from \"../flex\";\nimport { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n  showCalendarIcon?: boolean;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n  showCalendarIcon = true,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    \n    if (currentRangeField === \"to\" && dayjs(selectedDay).isAfter(dayjs(from))) {\n      // update the end date\n      newRange = { from, to: selectedDay };\n      setCurrentRangeField(\"from\");\n    } else {\n      // reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    \n    setSelectedRange(newRange);\n    onSelect(newRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n      />\n      <TextField\n        value={endDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function' \n    ? children({ startDate, endDate }) \n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"range-picker.js","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { useState } from \"react\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\n\nimport { Flex } from \"../flex\";\nimport { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  placeholders?: { startDate?: string; endDate?: string };\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n  showCalendarIcon?: boolean;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  placeholders,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n  showCalendarIcon = true,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    \n    if (currentRangeField === \"to\" && dayjs(selectedDay).isAfter(dayjs(from))) {\n      // update the end date\n      newRange = { from, to: selectedDay };\n      setCurrentRangeField(\"from\");\n    } else {\n      // reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    \n    setSelectedRange(newRange);\n    onSelect(newRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n        placeholder={placeholders?.startDate || \"Select start date\"}\n      />\n      <TextField\n        value={endDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n        placeholder={placeholders?.endDate || \"Select end date\"}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function' \n    ? children({ startDate, endDate }) \n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/chip/chip.cjs

@@ -14,23 +14,23 @@ const chip = index.cva(chip_module.default.chip, {
             large: chip_module.default["chip-size-large"],
             small: chip_module.default["chip-size-small"],
         },
-        style: {
-            neutral: chip_module.default["chip-style-neutral"],
-            accent: chip_module.default["chip-style-accent"],
+        color: {
+            neutral: chip_module.default["chip-color-neutral"],
+            accent: chip_module.default["chip-color-accent"],
         },
     },
     defaultVariants: {
         variant: "outline",
         size: "small",
-        style: "neutral"
+        color: "neutral"
     },
 });
-const Chip = ({ variant, size, style, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, role = "status", ariaLabel, }) => {
+const Chip = ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, role = "status", ariaLabel, }) => {
     const handleDismiss = (e) => {
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, style, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";
 

package/dist/v1/components/chip/chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chip.cjs","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    style: {\n      neutral: styles[\"chip-style-neutral\"],\n      accent: styles[\"chip-style-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    style: \"neutral\"\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  role?: string;\n  ariaLabel?: string;\n}\n\nexport const Chip = ({ \n  variant,\n  size,\n  style,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span \n      className={chip({ variant, size, style, className })}\n      role={role}\n      aria-label={ariaLabel || (typeof children === 'string' ? children : undefined)}\n    >\n      {leadingIcon && (\n        <span \n          className={styles['leading-icon']} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button \n          onClick={handleDismiss} \n          className={styles['dismiss-button']}\n          aria-label={`Remove ${typeof children === 'string' ? children : 'item'}`}\n          type=\"button\"\n        >\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"none\" \n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path \n              fillRule=\"evenodd\" \n              clipRule=\"evenodd\" \n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span \n          className={styles['trailing-icon']}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAaI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,iCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAE7E,QAAA,EAAA,CAAA,WAAW,KACVC,gCAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZE,6CACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA,CAAE,EACxE,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAE,gCAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAEnBA,gCACE,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,GACnB,EACE,CAAA,EAAA,CACC,IACP,YAAY,IACdA,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"chip.cjs","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    color: {\n      neutral: styles[\"chip-color-neutral\"],\n      accent: styles[\"chip-color-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    color: \"neutral\"\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  role?: string;\n  ariaLabel?: string;\n}\n\nexport const Chip = ({ \n  variant,\n  size,\n  color,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span \n      className={chip({ variant, size, color, className })}\n      role={role}\n      aria-label={ariaLabel || (typeof children === 'string' ? children : undefined)}\n    >\n      {leadingIcon && (\n        <span \n          className={styles['leading-icon']} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button \n          onClick={handleDismiss} \n          className={styles['dismiss-button']}\n          aria-label={`Remove ${typeof children === 'string' ? children : 'item'}`}\n          type=\"button\"\n        >\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"none\" \n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path \n              fillRule=\"evenodd\" \n              clipRule=\"evenodd\" \n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span \n          className={styles['trailing-icon']}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAaI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,iCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAE7E,QAAA,EAAA,CAAA,WAAW,KACVC,gCAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZE,6CACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA,CAAE,EACxE,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAE,gCAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAEnBA,gCACE,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,GACnB,EACE,CAAA,EAAA,CACC,IACP,YAAY,IACdA,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/chip/chip.d.ts

@@ -1,9 +1,9 @@
-import { type VariantProps } from "class-variance-authority";
 import { ReactNode } from "react";
+import { type VariantProps } from "class-variance-authority";
 declare const chip: (props?: ({
     variant?: "outline" | "filled" | null | undefined;
     size?: "small" | "large" | null | undefined;
-    style?: "accent" | "neutral" | null | undefined;
+    color?: "accent" | "neutral" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type ChipProps = VariantProps<typeof chip> & {
     trailingIcon?: ReactNode;
@@ -16,7 +16,7 @@ type ChipProps = VariantProps<typeof chip> & {
     ariaLabel?: string;
 };
 export declare const Chip: {
-    ({ variant, size, style, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, role, ariaLabel, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+    ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, role, ariaLabel, }: ChipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/v1/components/chip/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,QAAA,MAAM,IAAI;;;;mFAoBR,CAAC;AAEH,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,eAAO,MAAM,IAAI;2HAYd,SAAS;;CAyDX,CAAC"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,IAAI;;;;mFAoBR,CAAC;AAEH,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,eAAO,MAAM,IAAI;2HAYd,SAAS;;CAyDX,CAAC"}

package/dist/v1/components/chip/chip.js

@@ -12,23 +12,23 @@ const chip = cva(styles.chip, {
             large: styles["chip-size-large"],
             small: styles["chip-size-small"],
         },
-        style: {
-            neutral: styles["chip-style-neutral"],
-            accent: styles["chip-style-accent"],
+        color: {
+            neutral: styles["chip-color-neutral"],
+            accent: styles["chip-color-accent"],
         },
     },
     defaultVariants: {
         variant: "outline",
         size: "small",
-        style: "neutral"
+        color: "neutral"
     },
 });
-const Chip = ({ variant, size, style, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, role = "status", ariaLabel, }) => {
+const Chip = ({ variant, size, color, trailingIcon, leadingIcon, isDismissible, children, className, onDismiss, role = "status", ariaLabel, }) => {
     const handleDismiss = (e) => {
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, style, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: styles['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntimeExports.jsx("span", { className: styles['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: styles['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntimeExports.jsx("span", { className: styles['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";
 

package/dist/v1/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    style: {\n      neutral: styles[\"chip-style-neutral\"],\n      accent: styles[\"chip-style-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    style: \"neutral\"\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  role?: string;\n  ariaLabel?: string;\n}\n\nexport const Chip = ({ \n  variant,\n  size,\n  style,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span \n      className={chip({ variant, size, style, className })}\n      role={role}\n      aria-label={ariaLabel || (typeof children === 'string' ? children : undefined)}\n    >\n      {leadingIcon && (\n        <span \n          className={styles['leading-icon']} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button \n          onClick={handleDismiss} \n          className={styles['dismiss-button']}\n          aria-label={`Remove ${typeof children === 'string' ? children : 'item'}`}\n          type=\"button\"\n        >\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"none\" \n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path \n              fillRule=\"evenodd\" \n              clipRule=\"evenodd\" \n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span \n          className={styles['trailing-icon']}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAaI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,sBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAE7E,QAAA,EAAA,CAAA,WAAW,KACVC,qBAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZA,kCACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA,CAAE,EACxE,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAEnBA,qBACE,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,GACnB,EACE,CAAA,EAAA,CACC,IACP,YAAY,IACdA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"chip.js","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    color: {\n      neutral: styles[\"chip-color-neutral\"],\n      accent: styles[\"chip-color-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    color: \"neutral\"\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  role?: string;\n  ariaLabel?: string;\n}\n\nexport const Chip = ({ \n  variant,\n  size,\n  color,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span \n      className={chip({ variant, size, color, className })}\n      role={role}\n      aria-label={ariaLabel || (typeof children === 'string' ? children : undefined)}\n    >\n      {leadingIcon && (\n        <span \n          className={styles['leading-icon']} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button \n          onClick={handleDismiss} \n          className={styles['dismiss-button']}\n          aria-label={`Remove ${typeof children === 'string' ? children : 'item'}`}\n          type=\"button\"\n        >\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"none\" \n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path \n              fillRule=\"evenodd\" \n              clipRule=\"evenodd\" \n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span \n          className={styles['trailing-icon']}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAaI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,sBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAE7E,QAAA,EAAA,CAAA,WAAW,KACVC,qBAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZA,kCACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA,CAAE,EACxE,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAEnBA,qBACE,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,GACnB,EACE,CAAA,EAAA,CACC,IACP,YAAY,IACdA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/chip/chip.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"chip":"chip-module_chip__EgHT3","chip-variant-outline":"chip-module_chip-variant-outline__hCEkT","chip-variant-filled":"chip-module_chip-variant-filled__NrLkO","chip-size-large":"chip-module_chip-size-large__dRgtH","chip-size-small":"chip-module_chip-size-small__KdfAe","chip-style-neutral":"chip-module_chip-style-neutral__IRwkv","chip-style-accent":"chip-module_chip-style-accent__RIwE8","leading-icon":"chip-module_leading-icon__S37LS","trailing-icon":"chip-module_trailing-icon__ldobb","dismiss-button":"chip-module_dismiss-button__gPMmm","chip___variant___outline":"chip-module_chip-variant-outline__hCEkT","chip___variant___filled":"chip-module_chip-variant-filled__NrLkO","chip___size___large":"chip-module_chip-size-large__dRgtH","chip___size___small":"chip-module_chip-size-small__KdfAe","chip___style___neutral":"chip-module_chip-style-neutral__IRwkv","chip___style___accent":"chip-module_chip-style-accent__RIwE8","leading___icon":"chip-module_leading-icon__S37LS","trailing___icon":"chip-module_trailing-icon__ldobb","dismiss___button":"chip-module_dismiss-button__gPMmm"};
+var styles = {"chip":"chip-module_chip__EgHT3","chip-variant-outline":"chip-module_chip-variant-outline__hCEkT","chip-variant-filled":"chip-module_chip-variant-filled__NrLkO","chip-size-large":"chip-module_chip-size-large__dRgtH","chip-size-small":"chip-module_chip-size-small__KdfAe","chip-color-neutral":"chip-module_chip-color-neutral__UWAPC","chip-color-accent":"chip-module_chip-color-accent__X1oLG","leading-icon":"chip-module_leading-icon__S37LS","trailing-icon":"chip-module_trailing-icon__ldobb","dismiss-button":"chip-module_dismiss-button__gPMmm","chip___variant___outline":"chip-module_chip-variant-outline__hCEkT","chip___variant___filled":"chip-module_chip-variant-filled__NrLkO","chip___size___large":"chip-module_chip-size-large__dRgtH","chip___size___small":"chip-module_chip-size-small__KdfAe","chip___color___neutral":"chip-module_chip-color-neutral__UWAPC","chip___color___accent":"chip-module_chip-color-accent__X1oLG","leading___icon":"chip-module_leading-icon__S37LS","trailing___icon":"chip-module_trailing-icon__ldobb","dismiss___button":"chip-module_dismiss-button__gPMmm"};
 
 exports.default = styles;
 //# sourceMappingURL=chip.module.css.cjs.map