@yahoo/uds 0.5.3 → 0.5.5

package/cli/README.md

@@ -144,7 +144,7 @@ Commands are organized in a tree structure in `uds/cli/commands`. The root comma
 
 **Important note:**
 
-Adding nested commands, i.e. `uds expo dev` does work correctly when UDS is consumed from npm. As a workaround, please see code for expo/expo.ts for re-routing sub-commands from the root command file. To verify your CLI command works correctly you should run `npm pack` within the packages/uds directory. Once you have your generated tarball you should copy that tarball to a test application such as https://github.com/yahoo-design/uds-nextjs-demo, then add `"@yahoo/uds": "file:./tarball-generated-from-npm-pack.tgz` to it's dependencies and run an install. Now you should be able to run `bun uds [your command name]` to test your functionality.
+Adding nested commands, i.e. `uds expo dev` does work correctly when UDS is consumed from npm. As a workaround, please see code for expo/expo.ts for re-routing sub-commands from the root command file. To verify your CLI command works correctly you should run `npm pack` within the packages/uds directory. Once you have your generated tarball you should copy that tarball to a test application such as https://github.com/yahoo-uds/uds-nextjs-demo, then add `"@yahoo/uds": "file:./tarball-generated-from-npm-pack.tgz` to it's dependencies and run an install. Now you should be able to run `bun uds [your command name]` to test your functionality.
 
 ### API Reference
 

package/cli/commands/purge.ts

@@ -12,9 +12,12 @@ export default {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   run: async (props: PurgeProps) => {
     spinStart('Purging css...');
-
-    await purge(props.options);
-
-    spinStop('✅', 'Purging css done!');
+    try {
+      await purge(props.options);
+      spinStop('✅', 'Purging css done!');
+    } catch (error) {
+      process.exitCode = 1;
+      spinStop('❌', 'Purging css failed! Please reach out to #uds-ask channel for support.');
+    }
   },
 };

package/cli/commands/sync.ts

@@ -21,15 +21,21 @@ export default {
       print(`${magenta('Usage:')} ${name} ${commandPath} --id <config-id>\n`);
       return;
     }
-
-    await setupConfigWorker({
-      id,
-      outFile: outFile ?? './uds.config.ts',
-      onUpdate: ({ worker }) => {
-        if (!options.watch) {
-          worker.terminate();
-        }
-      },
-    });
+    try {
+      await setupConfigWorker({
+        id,
+        outFile: outFile ?? './uds.config.ts',
+        onUpdate: ({ worker }) => {
+          if (!options.watch) {
+            worker.terminate();
+          }
+        },
+      });
+    } catch (error) {
+      console.error(
+        '❌ An error occurred while syncing. Please reach out to #uds-ask channel for support.',
+      );
+      process.exitCode = 1;
+    }
   },
 };

package/dist/experimental/index.cjs

@@ -1,2 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@yahoo/uds/fixtures"),o=require("clsx"),t=require("tailwind-merge"),a=require("react"),n=require("@ariakit/react"),i=require("react-toastify");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(o),d=({size:r,variant:o})=>{if("outline"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8.014 11.828 1.6 5.414 3.014 4l5 5 5-5 1.414 1.414z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M12 17 4.75 9.516 6.218 8 12 13.969 17.782 8l1.468 1.516z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16 24.268 3.232 11.5 5 9.732l11 11 11-11 1.768 1.768z"})})}if("fill"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8 12.626 1.374 6 3 4.374l5 5 5-5L14.626 6z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 17.762-7.686-7.686 1.839-1.838L12 14.085l5.847-5.847 1.839 1.838z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16.121 24.243 3 11.12 5.121 9l11 11 11-11 2.122 2.121z"})})}return e.jsx(e.Fragment,{})},c=({size:r,variant:o})=>{if("outline"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8 3.586 14.414 10 13 11.414l-5-5-5 5L1.586 10z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 6 7.25 7.484L17.782 15 12 9.031 6.218 15 4.75 13.484z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16 7.732 28.768 20.5 27 22.268l-11-11-11 11L3.232 20.5z"})})}if("fill"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8 3.374 14.626 10 13 11.626l-5-5-5 5L1.374 10z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 6.238 7.686 7.686-1.839 1.838L12 9.915l-5.847 5.847-1.839-1.838z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16 7.379 29.121 20.5 27 22.621l-11-11-11 11L2.879 20.5z"})})}return e.jsx(e.Fragment,{})},p=({size:r,variant:o})=>{if("outline"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.273 8 5.363-5.364-1.272-1.272L8 6.727 2.636 1.364 1.364 2.636 6.727 8l-5.363 5.364 1.272 1.272L8 9.273l5.364 5.363 1.272-1.272z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m13.485 12 6.57-6.57-1.484-1.486L12 10.515l-6.57-6.57-1.486 1.484L10.515 12l-6.57 6.572 1.484 1.485L12 13.485l6.57 6.57 1.486-1.484z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M17.768 16 28.884 4.884l-1.768-1.768L16 14.232 4.884 3.116 3.116 4.884 14.232 16 3.116 27.116l1.768 1.768L16 17.768l11.116 11.116 1.768-1.768z"})})}if("fill"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.485 8 5.258-5.258-1.485-1.484L8 6.515 2.742 1.258 1.258 2.742 6.515 8l-5.257 5.258 1.484 1.485L8 9.485l5.258 5.258 1.485-1.485z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return e.jsx(e.Fragment,{})};
-/*! © 2024 Yahoo, Inc. UDS v0.5.3 */function b(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}var m,f="uds",u={color:{accent:"text-accent",alert:"text-alert",black:"text-black",brand:"text-brand",positive:"text-positive",warning:"text-warning",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert",black:"placeholder:text-black",brand:"placeholder:text-brand",positive:"placeholder:text-positive",warning:"placeholder:text-warning",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary"},fontFamily:{icons:"font-icons",sans:"font-sans","sans-beta":"font-sans-beta","sans-condensed":"font-sans-condensed","serif-text":"font-serif-text","serif-display":"font-serif-display",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",5:"p-5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",5:"px-5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",5:"py-5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",5:"pb-5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",5:"pe-5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",5:"ps-5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",5:"pt-5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",5:"-m-5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",5:"-my-5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",5:"-mx-5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",5:"-mb-5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",5:"-me-5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",5:"-ms-5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",5:"-mt-5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent"},borderColor:{accent:"border-accent",alert:"border-alert",black:"border-black",brand:"border-brand",positive:"border-positive",warning:"border-warning",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary"},borderColorOnActive:{accent:"active:border-accent",alert:"active:border-alert",black:"active:border-black",brand:"active:border-brand",positive:"active:border-positive",warning:"active:border-warning",white:"active:border-white",transparent:"active:border-transparent",muted:"active:border-muted",primary:"active:border-primary",secondary:"active:border-secondary",tertiary:"active:border-tertiary"},borderColorOnFocus:{accent:"focus:border-accent",alert:"focus:border-alert",black:"focus:border-black",brand:"focus:border-brand",positive:"focus:border-positive",warning:"focus:border-warning",white:"focus:border-white",transparent:"focus:border-transparent",muted:"focus:border-muted",primary:"focus:border-primary",secondary:"focus:border-secondary",tertiary:"focus:border-tertiary"},borderColorOnHover:{accent:"hover:border-accent",alert:"hover:border-alert",black:"hover:border-black",brand:"hover:border-brand",positive:"hover:border-positive",warning:"hover:border-warning",white:"hover:border-white",transparent:"hover:border-transparent",muted:"hover:border-muted",primary:"hover:border-primary",secondary:"hover:border-secondary",tertiary:"hover:border-tertiary"},borderColorOnChecked:{accent:"data-[state=checked]:border-accent",alert:"data-[state=checked]:border-alert",black:"data-[state=checked]:border-black",brand:"data-[state=checked]:border-brand",positive:"data-[state=checked]:border-positive",warning:"data-[state=checked]:border-warning",white:"data-[state=checked]:border-white",transparent:"data-[state=checked]:border-transparent",muted:"data-[state=checked]:border-muted",primary:"data-[state=checked]:border-primary",secondary:"data-[state=checked]:border-secondary",tertiary:"data-[state=checked]:border-tertiary"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",black:"border-s-black",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary"},borderRadius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{s:"avatarSize-s",m:"avatarSize-m",l:"avatarSize-l"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:`${f}-color-mode-dark`,light:`${f}-color-mode-light`},scaleMode:{xSmall:`${f}-scale-mode-xsmall`,small:`${f}-scale-mode-small`,medium:`${f}-scale-mode-medium`,large:`${f}-scale-mode-large`,xLarge:`${f}-scale-mode-xlarge`,xxxLarge:`${f}-scale-mode-xxxlarge`,xxLarge:`${f}-scale-mode-xxlarge`}},x=t.extendTailwindMerge({cacheSize:0,extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidths,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),h=(...e)=>{const r=s.default(e);return x(r)},g=(m={variants:u},e=>{if(!m?.variants)return h(m?.base,e?.className);const{variants:r,defaultVariants:o}=m,t=Object.keys(r).map((t=>{const a=e?.[t],n=o?.[t],i=b(a)||b(n);return r[t][i]})),a={...o,...e&&Object.entries(e).reduce(((e,[r,o])=>void 0===o?e:{...e,[r]:o}),{})},n=m?.compoundVariants?.reduce(((e,{className:r,...o})=>Object.entries(o).every((([e,r])=>a[e]===r))?h(e,r):e),"");return h(m?.base,t,n,e?.className)}),y={sm:16,md:24,lg:32},w=a.forwardRef((function({name:r,size:o="md",variant:t="outline",color:a="primary",className:n,...i},l){const s=g({color:a,className:n}),d=y[o];return e.jsx("svg",{ref:l,xmlns:"http://www.w3.org/2000/svg",width:d,height:d,viewBox:`0 0 ${d} ${d}`,"aria-hidden":"true",focusable:"false",className:s,...i,children:e.jsx(r,{size:o,variant:t})})}));function v(...e){return r=>e.forEach((e=>function(e,r){"function"==typeof e?e(r):null!=e&&(e.current=r)}(e,r)))}function C(){const r=a.forwardRef(((r,t)=>{const{children:i,...l}=r,s=a.Children.toArray(i),d=s.find(n);if(d){const r=d.props.children,n=s.map((e=>e===d?a.Children.count(r)>1?a.Children.only(null):a.isValidElement(r)?r.props.children:null:e));return e.jsx(o,{...l,ref:t,children:a.isValidElement(r)?a.cloneElement(r,void 0,n):null})}return e.jsx(o,{...l,ref:t,children:i})}));r.displayName="Slot";const o=a.forwardRef(((e,r)=>{const{children:o,...t}=e;return a.isValidElement(o)?a.cloneElement(o,{...i(t,o.props),ref:r?v(r,o.ref):o.ref}):a.Children.count(o)>1?a.Children.only(null):null}));o.displayName="SlotClone";const t=({children:e})=>e;function n(e){return a.isValidElement(e)&&e.type===t}function i(e,r){const o={...r};for(const t in r){const a=e[t],n=r[t];/^on[A-Z]/.test(t)?a&&n?o[t]=(...e)=>{n(...e),a(...e)}:a&&(o[t]=a):"style"===t&&(o[t]={...a,...n})}return{...e,...o}}return r}var j=C(),k=a.forwardRef((function({className:r,asChild:o,onPress:t,onClick:a=t,backgroundColor:n,borderRadius:i,borderTopStartRadius:l,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:c,borderColor:p,borderColorOnActive:b,borderColorOnFocus:m,borderColorOnChecked:f,borderColorOnHover:u,borderStartColor:x,borderEndColor:h,borderTopColor:y,borderBottomColor:w,borderWidth:v,borderVerticalWidth:C,borderHorizontalWidth:k,borderStartWidth:z,borderEndWidth:S,borderTopWidth:W,borderBottomWidth:R,alignContent:T,alignItems:B,alignSelf:N,flex:E,flexDirection:H,flexGrow:V,flexShrink:F,flexWrap:G,justifyContent:D,flexBasis:O,display:I,overflow:P,overflowX:L,overflowY:A,position:M,spacing:$,spacingHorizontal:q,spacingVertical:X,spacingBottom:Y,spacingEnd:_,spacingStart:Z,spacingTop:J,offset:K,offsetVertical:Q,offsetHorizontal:U,offsetBottom:ee,offsetEnd:re,offsetStart:oe,offsetTop:te,columnGap:ae,rowGap:ne,...ie},le){const se=g({backgroundColor:n,borderRadius:i,borderTopStartRadius:l,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:c,borderColor:p,borderColorOnActive:b,borderColorOnFocus:m,borderColorOnChecked:f,borderColorOnHover:u,borderStartColor:x,borderEndColor:h,borderTopColor:y,borderBottomColor:w,borderWidth:v,borderVerticalWidth:C,borderHorizontalWidth:k,borderStartWidth:z,borderEndWidth:S,borderTopWidth:W,borderBottomWidth:R,alignContent:T,alignItems:B,alignSelf:N,flex:E,flexDirection:H,flexGrow:V,flexShrink:F,flexWrap:G,justifyContent:D,flexBasis:O,display:I,overflow:P,overflowX:L,overflowY:A,position:M,spacing:$,spacingHorizontal:q,spacingVertical:X,spacingBottom:Y,spacingEnd:_,spacingStart:Z,spacingTop:J,offset:K,offsetVertical:Q,offsetHorizontal:U,offsetBottom:ee,offsetEnd:re,offsetStart:oe,offsetTop:te,columnGap:ae,rowGap:ne,className:r}),de=o?j:"button";return e.jsx(de,{className:se,ref:le,onClick:a,...ie})})),z=C(),S={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},W=a.forwardRef((function({className:r,asChild:o,color:t="primary",variant:a="body1",as:n=S[a],fontSize:i=a,fontFamily:l=a,fontWeight:s=a,lineHeight:d=a,textTransform:c=a,textAlign:p,backgroundColor:b,borderRadius:m,borderTopStartRadius:f,borderTopEndRadius:u,borderBottomStartRadius:x,borderBottomEndRadius:h,borderColor:y,borderColorOnActive:w,borderColorOnFocus:v,borderColorOnChecked:C,borderColorOnHover:j,borderStartColor:k,borderEndColor:W,borderTopColor:R,borderBottomColor:T,borderWidth:B,borderVerticalWidth:N,borderHorizontalWidth:E,borderStartWidth:H,borderEndWidth:V,borderTopWidth:F,borderBottomWidth:G,alignContent:D,alignItems:O,alignSelf:I,flex:P,flexDirection:L,flexGrow:A,flexShrink:M,flexWrap:$,justifyContent:q,flexBasis:X,display:Y,overflow:_,overflowX:Z,overflowY:J,position:K,spacing:Q,spacingHorizontal:U,spacingVertical:ee,spacingBottom:re,spacingEnd:oe,spacingStart:te,spacingTop:ae,offset:ne,offsetVertical:ie,offsetHorizontal:le,offsetBottom:se,offsetEnd:de,offsetStart:ce,offsetTop:pe,columnGap:be,rowGap:me,...fe},ue){const xe=g({className:r,color:t,fontFamily:l,fontSize:i,fontWeight:s,lineHeight:d,textTransform:c,textAlign:p,backgroundColor:b,borderRadius:m,borderTopStartRadius:f,borderTopEndRadius:u,borderBottomStartRadius:x,borderBottomEndRadius:h,borderColor:y,borderColorOnActive:w,borderColorOnFocus:v,borderColorOnChecked:C,borderColorOnHover:j,borderStartColor:k,borderEndColor:W,borderTopColor:R,borderBottomColor:T,borderWidth:B,borderVerticalWidth:N,borderHorizontalWidth:E,borderStartWidth:H,borderEndWidth:V,borderTopWidth:F,borderBottomWidth:G,alignContent:D,alignItems:O,alignSelf:I,flex:P,flexDirection:L,flexGrow:A,flexShrink:M,flexWrap:$,justifyContent:q,flexBasis:X,display:Y,overflow:_,overflowX:Z,overflowY:J,position:K,spacing:Q,spacingHorizontal:U,spacingVertical:ee,spacingBottom:re,spacingEnd:oe,spacingStart:te,spacingTop:ae,offset:ne,offsetVertical:ie,offsetHorizontal:le,offsetBottom:se,offsetEnd:de,offsetStart:ce,offsetTop:pe,columnGap:be,rowGap:me}),he=o?z:n;return e.jsx(he,{className:xe,ref:ue,...fe})})),R=C(),T=a.forwardRef((function({asChild:r,className:o,backgroundColor:t,borderRadius:a,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:d,borderColorOnActive:c,borderColorOnFocus:p,borderColorOnChecked:b,borderColorOnHover:m,borderStartColor:f,borderEndColor:u,borderTopColor:x,borderBottomColor:h,borderWidth:y,borderVerticalWidth:w,borderHorizontalWidth:v,borderStartWidth:C,borderEndWidth:j,borderTopWidth:k,borderBottomWidth:z,alignContent:S,alignItems:W,alignSelf:T,flex:B,flexDirection:N,flexGrow:E,flexShrink:H,flexWrap:V,justifyContent:F,flexBasis:G,display:D="flex",overflow:O,overflowX:I,overflowY:P,position:L,spacing:A,spacingHorizontal:M,spacingVertical:$,spacingBottom:q,spacingEnd:X,spacingStart:Y,spacingTop:_,offset:Z,offsetVertical:J,offsetHorizontal:K,offsetBottom:Q,offsetEnd:U,offsetStart:ee,offsetTop:re,columnGap:oe,rowGap:te,...ae},ne){const ie=g({backgroundColor:t,borderRadius:a,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:d,borderColorOnActive:c,borderColorOnFocus:p,borderColorOnChecked:b,borderColorOnHover:m,borderStartColor:f,borderEndColor:u,borderTopColor:x,borderBottomColor:h,borderWidth:y,borderVerticalWidth:w,borderHorizontalWidth:v,borderStartWidth:C,borderEndWidth:j,borderTopWidth:k,borderBottomWidth:z,alignContent:S,alignItems:W,alignSelf:T,flex:B,flexDirection:N,flexGrow:E,flexShrink:H,flexWrap:V,justifyContent:F,flexBasis:G,display:D,overflow:O,overflowX:I,overflowY:P,position:L,spacing:A,spacingHorizontal:M,spacingVertical:$,spacingBottom:q,spacingEnd:X,spacingStart:Y,spacingTop:_,offset:Z,offsetVertical:J,offsetHorizontal:K,offsetBottom:Q,offsetEnd:U,offsetStart:ee,offsetTop:re,columnGap:oe,rowGap:te,className:o}),le=r?R:"div";return e.jsx(le,{className:ie,ref:ne,...ae})})),B=a.forwardRef((function({gap:r,...o},t){return e.jsx(T,{ref:t,flexDirection:"column",columnGap:r,rowGap:r,...o})}));var N={display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundColor:"primary",contentFit:"cover"},E={base:{display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"full",className:"min-w-fit"},variant:{accent:{color:"on-color",backgroundColor:"accent",borderColor:"accent",borderWidth:"thin"},"accent-outline":{color:"accent",backgroundColor:"transparent",borderColor:"accent",borderWidth:"thin"},"accent-ghost":{color:"accent"},brand:{color:"on-color",backgroundColor:"brand",borderColor:"brand",borderWidth:"thin"},"brand-outline":{color:"brand",backgroundColor:"transparent",borderColor:"brand",borderWidth:"thin"},"brand-ghost":{color:"brand"},positive:{color:"on-color",backgroundColor:"positive",borderColor:"positive",borderWidth:"thin"},"positive-outline":{color:"positive",backgroundColor:"transparent",borderColor:"positive",borderWidth:"thin"},"positive-ghost":{color:"positive"},alert:{color:"on-color",backgroundColor:"alert",borderColor:"alert",borderWidth:"thin"},"alert-outline":{color:"alert",backgroundColor:"transparent",borderColor:"alert",borderWidth:"thin"},"alert-ghost":{color:"alert"},warning:{color:"on-color",backgroundColor:"warning",borderColor:"warning",borderWidth:"thin"},"warning-outline":{color:"warning",backgroundColor:"transparent",borderColor:"warning",borderWidth:"thin"},"warning-ghost":{color:"warning"},"primary-outline":{color:"primary",borderColor:"muted",borderWidth:"thin"},"primary-ghost":{color:"primary"},secondary:{backgroundColor:"secondary",color:"primary"}},size:{s:{variant:"label1",spacingHorizontal:"4",spacingVertical:"2",columnGap:"2"},m:{variant:"headline1",spacingHorizontal:"6",spacingVertical:"3",columnGap:"2"},l:{variant:"headline1",spacingHorizontal:"8",spacingVertical:"4",columnGap:"2"}}};function H({variant:e="accent",size:r="s"}){const{color:o,...t}=E.variant[e],{variant:a,...n}=E.size[r];return{pressable:{...E.base,...t,...n},text:{color:o,variant:a,textAlign:"center"},icon:{color:o,size:"sm",variant:"outline"}}}var V=a.forwardRef((function({variant:r="accent",size:o,startIcon:t,endIcon:a,children:n,...i},l){const s=H({variant:r,size:o}),d=t?e.jsx(w,{name:t,variant:s.icon.variant,size:s.icon.size,color:s.icon.color}):null,c=a?e.jsx(w,{name:a,variant:s.icon.variant,size:s.icon.size,color:s.icon.color}):null;return e.jsxs(k,{...s.pressable,ref:l,...i,children:[d,e.jsx(W,{...s.text,children:n}),c]})})),F={accent:"on-color",secondary:"primary"},G={accent:"on-color",secondary:"tertiary"};var D=a.forwardRef((function({gap:r,...o},t){return e.jsx(T,{ref:t,flexDirection:"row",rowGap:r,columnGap:r,...o})}));var O=n.Popover,I=n.PopoverArrow,P=n.PopoverAnchor,L=n.PopoverDescription,A=n.PopoverDismiss,M=n.PopoverProvider,$=n.PopoverDisclosure,q=n.PopoverDisclosureArrow,X=M,Y=a.forwardRef((function({children:r,disabled:o,onClick:t,...i},l){const s=n.usePopoverStore(),d=a.useCallback((e=>{e.preventDefault();t?.((()=>s.setOpen(!1)))}),[t,s]);return e.jsx(k,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"4",spacingHorizontal:"8",columnGap:"3",borderColor:"muted",className:h(!o&&"hover:bg-gray-2",o&&"cursor-default"),onClick:t?d:void 0,ref:l,...i,children:r})}));var _=a.forwardRef((function({children:r,className:o,overflow:t="scroll",...a},n){return e.jsx(B,{borderRadius:"lg",backgroundColor:"primary",className:h("max-h-[312px] min-w-[220px] shadow-md",o),overflow:t,spacingVertical:"2",asChild:!0,children:e.jsxs(O,{preventBodyScroll:!0,...a,ref:n,children:[e.jsx(I,{className:"!fill-elevation-3 !stroke-muted !stroke-1"}),r]})})}));var Z={s:"w-[36px] h-[36px]",m:"w-[44px] h-[44px]",l:"w-[52px] h-[52px]"},J=a.forwardRef((function({variant:r="accent",size:o="s",name:t,className:a,color:n,...i},l){const s=H({variant:r,size:o});return e.jsx(k,{...s.pressable,spacingHorizontal:s.pressable.spacingVertical,ref:l,className:h("leading-[0px]","select-none",Z[o],a),...i,children:e.jsx(w,{name:t,...s.icon,color:n})})}));var K=n.DialogDismiss;var Q=a.forwardRef((function({children:r,className:o,display:t="table",overflow:a="hidden",borderColor:n="muted",borderRadius:i="md",...l},s){return e.jsx(T,{asChild:!0,borderColor:n,borderRadius:i,className:o,overflow:a,display:t,...l,children:e.jsx("table",{ref:s,children:r})})})),U=a.forwardRef((function({children:r,display:o="table-row",...t},a){return e.jsx(T,{asChild:!0,display:o,...t,children:e.jsx("tr",{ref:a,children:r})})})),ee=a.forwardRef((function({children:r,display:o="table-header-group",...t},a){return e.jsx(T,{asChild:!0,display:o,...t,children:e.jsx("thead",{ref:a,children:r})})})),re=a.forwardRef((function({children:r,display:o="table-row-group",...t},a){return e.jsx(T,{asChild:!0,display:o,...t,children:e.jsx("tbody",{ref:a,children:r})})})),oe=a.forwardRef((function({asHeaderCell:r,className:o,display:t="table-cell",spacing:a="3",borderBottomColor:n="muted",color:i="primary",...l},s){const d=g({textAlign:"start",className:o}),c=r?"th":"td",p="row"===r?"row":r?"column":void 0,b=r?"headline1":"body1";return e.jsx(W,{asChild:!0,variant:b,color:i,display:t,spacing:a,borderBottomColor:n,borderBottomWidth:"thin",className:d,children:e.jsx(c,{scope:p,...l,ref:s})})}));function te({data:r,columns:o,...t}){return e.jsxs(te.Root,{...t,children:[e.jsx(te.Header,{children:e.jsx(te.Row,{children:o.map(((r,o)=>e.jsx(te.Cell,{asHeaderCell:"column",children:r.title},o)))})}),e.jsx(te.Body,{children:r.map(((r,t)=>e.jsx(te.Row,{children:o.map(((o,n)=>{const i=r[o.dataIndex];return e.jsx(te.Cell,{children:o.render?o.render(i,r,t):a.isValidElement(i)?i:String(i)},n)}))},t)))})]})}te.Root=Q,te.Row=U,te.Header=ee,te.Body=re,te.Cell=oe;var ae=C();var ne=a.forwardRef((function({className:r,...o},t){const a=g({display:"flex",flexDirection:"row",columnGap:"6",className:r});return e.jsx(n.TabList,{ref:t,...o,className:a})})),ie=a.forwardRef((function(r,o){const t=n.useTabContext();if(!t)throw new Error("TabPanel must be wrapped in a Tabs component");const a=t.useState("selectedId");return e.jsx(n.TabPanel,{ref:o,tabId:a,...r})}));function le({className:r,disabled:o,backgroundColor:t=(o?"secondary":"primary"),borderColor:a="tertiary",borderWidth:n="thin",borderRadius:i="md",color:l="primary",placeholderColor:s="tertiary",spacingVertical:d="3",spacingHorizontal:c="4",fontSize:p="body1",...b}){return e.jsx("input",{type:"text","data-1p-ignore":!0,className:h(g({backgroundColor:t,borderColor:a,borderWidth:n,borderRadius:i,spacingVertical:d,spacingHorizontal:c,fontSize:p,fontWeight:p,lineHeight:p,fontFamily:p,color:l,placeholderColor:s}),"w-full",r),disabled:o,...b})}function se({children:r,required:o}){return e.jsxs(W,{variant:"caption2",color:"primary",children:[r,o&&e.jsx(W,{variant:"caption2",as:"span",color:"alert",spacingStart:"0.5",children:"*"})]})}var de=g({borderRadius:"md",spacingVertical:"4",spacingHorizontal:"3",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer"}),ce=g({fontSize:"label2",lineHeight:"label2",fontWeight:"label2"}),pe=g({backgroundColor:"positive"}),be=g({backgroundColor:"alert"}),me=g({backgroundColor:"accent"}),fe=g({backgroundColor:"warning"}),ue=g({backgroundColor:"accent"}),xe=g({backgroundColor:"brand"}),he=g({backgroundColor:"accent"}),ge=e=>"default"===e?.type?h(de,he):e?.defaultClassName??"";function ye(e){const{type:r="default",defaultClassName:o=""}=e??{},t={success:pe,error:be,info:me,warning:fe,default:ue,dark:xe}[r],a=o.replace(/Toastify__progress-bar-theme--light/,"");return h(a,t)}function we({closeToast:r,type:o}){const t={success:"positive",error:"alert",info:"accent",warning:"warning",default:"on-color",dark:"white"}[o];return e.jsx(J,{name:p,size:"s",variant:"accent-ghost",color:t,onClick:r})}Object.defineProperty(exports,"usePopoverStore",{enumerable:!0,get:function(){return n.usePopoverStore}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return i.toast}}),exports.Accordion=function({label:r,children:o,onClick:t,open:a,spacingHorizontal:n="4",_content:i,className:l,...s}){return e.jsxs(e.Fragment,{children:[e.jsxs(k,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"4",spacingHorizontal:n,borderRadius:"md",onClick:t,className:h("hover:bg-secondary/80","w-full",l),...s,children:[e.jsx(W,{variant:"title4",color:"primary",children:r}),e.jsx(w,{name:a?d:c,variant:"fill",size:"sm",color:"primary"})]}),e.jsx(B,{overflow:"hidden",className:h("transition-[max-height]","duration-500","ease-in-out",a?"max-h-full":"max-h-0"),spacingHorizontal:n,...i,children:e.jsx(B,{className:"min-h-min",children:o})})]})},exports.Avatar=function({size:r,shape:o,src:t,alt:a,...n}){const i=g({...N,avatarSize:r,borderRadius:o});return e.jsx("img",{src:t,alt:a,className:i,...n})},exports.Button=V,exports.Chip=function({children:r,variant:o,startIcon:t,startContent:a=(t?e.jsx(w,{name:t,variant:"fill",size:"sm",color:F[o]}):null),endIcon:n,endContent:i=(n?e.jsx(w,{name:n,variant:"fill",size:"sm",color:F[o]}):null)}){return e.jsxs(k,{display:"inline-flex",flexDirection:"row",columnGap:"2",borderRadius:"full",backgroundColor:o,alignItems:"center",spacingVertical:"2",spacingHorizontal:"3",children:[a,e.jsx(W,{variant:"label2",color:G[o],children:r}),i]})},exports.Dropdown=X,exports.DropdownItem=function({title:r,description:o,_title:t,_description:a,startIcon:n,endIcon:i,...l}){return e.jsxs(Y,{...l,children:[n&&e.jsx(w,{name:n,size:"sm",color:"primary"}),e.jsxs(B,{gap:"3",alignItems:"flex-start",children:[r&&e.jsx(W,{variant:"headline1",color:"primary",...t,children:r}),o&&e.jsx(W,{variant:"label2",color:"muted",...a,children:o})]}),i&&e.jsx(w,{name:i,size:"sm",color:"primary"})]})},exports.DropdownItemPressable=Y,exports.DropdownItems=_,exports.DropdownTrigger=function({children:r,variant:o,size:t,...a}){const n=H({variant:o,size:t}),i=o?n.pressable:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"6",justifyContent:"space-between"};return e.jsx(k,{...i,...a,asChild:!0,children:e.jsx($,{children:r})})},exports.IconButton=J,exports.Modal=function({className:r,...o}){return e.jsx(B,{borderRadius:"md",position:"fixed",backgroundColor:"primary",className:h("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 shadow-md transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100",r),spacing:"8",asChild:!0,overflow:"hidden",children:e.jsx(n.Dialog,{backdrop:e.jsx("div",{className:"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm"}),...o})})},exports.ModalDismiss=K,exports.ModalHeader=function({children:r,handleClose:o}){return e.jsxs(D,{alignItems:"center",justifyContent:"space-between",children:[e.jsx(W,{variant:"headline1",color:"primary",children:r}),e.jsx(V,{variant:"accent-ghost",size:"m",spacingEnd:"0",spacingVertical:"0",onClick:o,children:"close"})]})},exports.Popover=O,exports.PopoverAnchor=P,exports.PopoverArrow=I,exports.PopoverDescription=L,exports.PopoverDisclosure=$,exports.PopoverDisclosureArrow=q,exports.PopoverDismiss=A,exports.PopoverHeading=function({children:r,leading:o,trailing:t}){return e.jsxs(D,{children:[o,e.jsx(W,{variant:"headline1",color:"primary",asChild:!0,children:e.jsx(n.PopoverHeading,{children:r})}),t]})},exports.PopoverProvider=M,exports.Spinner=function({className:r,...o}){return e.jsxs("div",{role:"status",className:h("self-center","relative",r),...o,style:{width:32,maxWidth:32,height:32,maxHeight:32},children:[e.jsxs("svg",{"aria-hidden":"true",className:"text-gray-3 fill-accent top-half left-half absolute left-0 right-0 animate-spin",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),e.jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),e.jsx("span",{className:"sr-only",children:"Loading..."})]})},exports.Tab=function({asChild:r,label:o,value:t,startIcon:a}){const i=r?ae:"button",l=g({});if(!n.useTabContext())throw new Error("Tab must be wrapped in a Tabs component");const s=h("text-primary","border-b-transparent","aria-selected:border-b-accent","aria-selected:text-accent");return e.jsx(n.Tab,{id:t,className:l,render:e.jsx(k,{borderBottomWidth:"thick",spacingBottom:"1",spacingTop:"4",className:s,asChild:!0,children:e.jsxs(i,{children:[a?e.jsx(w,{name:a,className:"text-current",size:"md"}):null,e.jsx(W,{className:"text-current",variant:"headline1",as:"span",children:o})]})})})},exports.TabList=ne,exports.TabPanel=ie,exports.Table=te,exports.Tabs=function(r){return e.jsx(n.TabProvider,{...r})},exports.TextInput=le,exports.TextInputGroup=function({label:r,required:o,...t}){return e.jsxs(B,{gap:"4",className:"w-full",children:[e.jsx(se,{required:o,children:r}),e.jsx(le,{required:o,...t})]})},exports.TextInputLabel=se,exports.ToastContainer=function(r){return e.jsx(i.ToastContainer,{toastClassName:ge,bodyClassName:ce,progressClassName:ye,transition:i.Slide,closeButton:we,...r})},exports.useModalStore=function(e){return n.useDialogStore({animated:!0,...e})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@yahoo/uds/fixtures"),o=require("clsx"),t=require("tailwind-merge"),a=require("react"),n=require("@ariakit/react"),i=require("react-toastify");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(o),d=({size:r,variant:o})=>{if("outline"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8.014 11.828 1.6 5.414 3.014 4l5 5 5-5 1.414 1.414z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M12 17 4.75 9.516 6.218 8 12 13.969 17.782 8l1.468 1.516z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16 24.268 3.232 11.5 5 9.732l11 11 11-11 1.768 1.768z"})})}if("fill"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8.001 12.627 1.375 6l1.626-1.626 5 5 5-5L14.628 6z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 17.763-7.686-7.686 1.839-1.839L12 14.086l5.848-5.848 1.838 1.839z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16.121 24.243 3 11.12 5.121 9l11 11 11-11 2.122 2.121z"})})}return e.jsx(e.Fragment,{})},c=({size:r,variant:o})=>{if("outline"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8 3.586 14.414 10 13 11.414l-5-5-5 5L1.586 10z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 6 7.25 7.484L17.782 15 12 9.031 6.218 15 4.75 13.484z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16 7.732 28.768 20.5 27 22.268l-11-11-11 11L3.232 20.5z"})})}if("fill"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M8.001 3.374 14.628 10 13 11.627l-5-5-5 5L1.375 10z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 6.238 7.686 7.686-1.838 1.839L12 9.915l-5.847 5.848-1.839-1.839z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M16 7.379 29.122 20.5 27 22.622l-11-11-11 11L2.88 20.5z"})})}return e.jsx(e.Fragment,{})},p=({size:r,variant:o})=>{if("outline"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.273 8 5.364-5.364-1.273-1.272L8 6.727 2.637 1.364 1.364 2.636 6.727 8l-5.363 5.364 1.273 1.272L8 9.273l5.364 5.363 1.273-1.272z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m13.485 12 6.57-6.571-1.484-1.485-6.57 6.571-6.572-6.57-1.485 1.484 6.571 6.57-6.57 6.572 1.484 1.485L12 13.485l6.571 6.57 1.485-1.484z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M17.768 16 28.884 4.884l-1.768-1.768L16 14.232 4.884 3.116 3.116 4.884 14.232 16 3.116 27.116l1.768 1.768L16 17.768l11.116 11.116 1.768-1.768z"})})}if("fill"===o)switch(r){case"sm":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m9.485 8 5.257-5.258-1.485-1.484L8 6.515 2.742 1.258 1.257 2.742 6.515 8l-5.258 5.258 1.485 1.485L8 9.485l5.257 5.258 1.485-1.485z"})});case"md":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return e.jsx(e.Fragment,{children:e.jsx("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return e.jsx(e.Fragment,{})};
+/*! © 2024 Yahoo, Inc. UDS v0.5.5 */function b(e){return"boolean"==typeof e?`${e}`:0===e?"0":e}var m,f="uds",u={color:{accent:"text-accent",alert:"text-alert",black:"text-black",brand:"text-brand",positive:"text-positive",warning:"text-warning",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert",black:"placeholder:text-black",brand:"placeholder:text-brand",positive:"placeholder:text-positive",warning:"placeholder:text-warning",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary"},fontFamily:{icons:"font-icons",sans:"font-sans","sans-beta":"font-sans-beta","sans-condensed":"font-sans-condensed","serif-text":"font-serif-text","serif-display":"font-serif-display",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",5:"p-5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",5:"px-5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",5:"py-5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",5:"pb-5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",5:"pe-5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",5:"ps-5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",5:"pt-5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",5:"-m-5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",5:"-my-5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",5:"-mx-5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",5:"-mb-5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",5:"-me-5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",5:"-ms-5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",5:"-mt-5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",5:"gap-x-5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",5:"gap-y-5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",black:"bg-black",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",white:"bg-white",primary:"bg-primary",secondary:"bg-secondary",transparent:"bg-transparent"},borderColor:{accent:"border-accent",alert:"border-alert",black:"border-black",brand:"border-brand",positive:"border-positive",warning:"border-warning",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary"},borderColorOnActive:{accent:"active:border-accent",alert:"active:border-alert",black:"active:border-black",brand:"active:border-brand",positive:"active:border-positive",warning:"active:border-warning",white:"active:border-white",transparent:"active:border-transparent",muted:"active:border-muted",primary:"active:border-primary",secondary:"active:border-secondary",tertiary:"active:border-tertiary"},borderColorOnFocus:{accent:"focus:border-accent",alert:"focus:border-alert",black:"focus:border-black",brand:"focus:border-brand",positive:"focus:border-positive",warning:"focus:border-warning",white:"focus:border-white",transparent:"focus:border-transparent",muted:"focus:border-muted",primary:"focus:border-primary",secondary:"focus:border-secondary",tertiary:"focus:border-tertiary"},borderColorOnHover:{accent:"hover:border-accent",alert:"hover:border-alert",black:"hover:border-black",brand:"hover:border-brand",positive:"hover:border-positive",warning:"hover:border-warning",white:"hover:border-white",transparent:"hover:border-transparent",muted:"hover:border-muted",primary:"hover:border-primary",secondary:"hover:border-secondary",tertiary:"hover:border-tertiary"},borderColorOnChecked:{accent:"data-[state=checked]:border-accent",alert:"data-[state=checked]:border-alert",black:"data-[state=checked]:border-black",brand:"data-[state=checked]:border-brand",positive:"data-[state=checked]:border-positive",warning:"data-[state=checked]:border-warning",white:"data-[state=checked]:border-white",transparent:"data-[state=checked]:border-transparent",muted:"data-[state=checked]:border-muted",primary:"data-[state=checked]:border-primary",secondary:"data-[state=checked]:border-secondary",tertiary:"data-[state=checked]:border-tertiary"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",black:"border-s-black",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary"},borderRadius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{s:"avatarSize-s",m:"avatarSize-m",l:"avatarSize-l"},iconSize:{sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:`${f}-color-mode-dark`,light:`${f}-color-mode-light`},scaleMode:{xSmall:`${f}-scale-mode-xsmall`,small:`${f}-scale-mode-small`,medium:`${f}-scale-mode-medium`,large:`${f}-scale-mode-large`,xLarge:`${f}-scale-mode-xlarge`,xxxLarge:`${f}-scale-mode-xxxlarge`,xxLarge:`${f}-scale-mode-xxlarge`}},x=t.extendTailwindMerge({cacheSize:0,extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidths,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),h=(...e)=>{const r=s.default(e);return x(r)},g=(m={variants:u},e=>{if(!m?.variants)return h(m?.base,e?.className);const{variants:r,defaultVariants:o}=m,t=Object.keys(r).map((t=>{const a=e?.[t],n=o?.[t],i=b(a)||b(n);return r[t][i]})),a={...o,...e&&Object.entries(e).reduce(((e,[r,o])=>void 0===o?e:{...e,[r]:o}),{})},n=m?.compoundVariants?.reduce(((e,{className:r,...o})=>Object.entries(o).every((([e,r])=>a[e]===r))?h(e,r):e),"");return h(m?.base,t,n,e?.className)}),y={sm:16,md:24,lg:32},w=a.forwardRef((function({name:r,size:o="md",variant:t="outline",color:a="primary",className:n,...i},l){const s=g({color:a,className:n}),d=y[o];return e.jsx("svg",{ref:l,xmlns:"http://www.w3.org/2000/svg",width:d,height:d,viewBox:`0 0 ${d} ${d}`,"aria-hidden":"true",focusable:"false",className:s,...i,children:e.jsx(r,{size:o,variant:t})})}));function v(...e){return r=>e.forEach((e=>function(e,r){"function"==typeof e?e(r):null!=e&&(e.current=r)}(e,r)))}function C(){const r=a.forwardRef(((r,t)=>{const{children:i,...l}=r,s=a.Children.toArray(i),d=s.find(n);if(d){const r=d.props.children,n=s.map((e=>e===d?a.Children.count(r)>1?a.Children.only(null):a.isValidElement(r)?r.props.children:null:e));return e.jsx(o,{...l,ref:t,children:a.isValidElement(r)?a.cloneElement(r,void 0,n):null})}return e.jsx(o,{...l,ref:t,children:i})}));r.displayName="Slot";const o=a.forwardRef(((e,r)=>{const{children:o,...t}=e;return a.isValidElement(o)?a.cloneElement(o,{...i(t,o.props),ref:r?v(r,o.ref):o.ref}):a.Children.count(o)>1?a.Children.only(null):null}));o.displayName="SlotClone";const t=({children:e})=>e;function n(e){return a.isValidElement(e)&&e.type===t}function i(e,r){const o={...r};for(const t in r){const a=e[t],n=r[t];/^on[A-Z]/.test(t)?a&&n?o[t]=(...e)=>{n(...e),a(...e)}:a&&(o[t]=a):"style"===t&&(o[t]={...a,...n})}return{...e,...o}}return r}var j=C(),k=a.forwardRef((function({className:r,asChild:o,onPress:t,onClick:a=t,backgroundColor:n,borderRadius:i,borderTopStartRadius:l,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:c,borderColor:p,borderColorOnActive:b,borderColorOnFocus:m,borderColorOnChecked:f,borderColorOnHover:u,borderStartColor:x,borderEndColor:h,borderTopColor:y,borderBottomColor:w,borderWidth:v,borderVerticalWidth:C,borderHorizontalWidth:k,borderStartWidth:z,borderEndWidth:S,borderTopWidth:W,borderBottomWidth:R,alignContent:T,alignItems:B,alignSelf:N,flex:E,flexDirection:H,flexGrow:V,flexShrink:F,flexWrap:G,justifyContent:D,flexBasis:O,display:I,overflow:P,overflowX:L,overflowY:A,position:M,spacing:$,spacingHorizontal:q,spacingVertical:X,spacingBottom:Y,spacingEnd:_,spacingStart:Z,spacingTop:J,offset:K,offsetVertical:Q,offsetHorizontal:U,offsetBottom:ee,offsetEnd:re,offsetStart:oe,offsetTop:te,columnGap:ae,rowGap:ne,...ie},le){const se=g({backgroundColor:n,borderRadius:i,borderTopStartRadius:l,borderTopEndRadius:s,borderBottomStartRadius:d,borderBottomEndRadius:c,borderColor:p,borderColorOnActive:b,borderColorOnFocus:m,borderColorOnChecked:f,borderColorOnHover:u,borderStartColor:x,borderEndColor:h,borderTopColor:y,borderBottomColor:w,borderWidth:v,borderVerticalWidth:C,borderHorizontalWidth:k,borderStartWidth:z,borderEndWidth:S,borderTopWidth:W,borderBottomWidth:R,alignContent:T,alignItems:B,alignSelf:N,flex:E,flexDirection:H,flexGrow:V,flexShrink:F,flexWrap:G,justifyContent:D,flexBasis:O,display:I,overflow:P,overflowX:L,overflowY:A,position:M,spacing:$,spacingHorizontal:q,spacingVertical:X,spacingBottom:Y,spacingEnd:_,spacingStart:Z,spacingTop:J,offset:K,offsetVertical:Q,offsetHorizontal:U,offsetBottom:ee,offsetEnd:re,offsetStart:oe,offsetTop:te,columnGap:ae,rowGap:ne,className:r}),de=o?j:"button";return e.jsx(de,{className:se,ref:le,onClick:a,...ie})})),z=C(),S={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},W=a.forwardRef((function({className:r,asChild:o,color:t="primary",variant:a="body1",as:n=S[a],fontSize:i=a,fontFamily:l=a,fontWeight:s=a,lineHeight:d=a,textTransform:c=a,textAlign:p,backgroundColor:b,borderRadius:m,borderTopStartRadius:f,borderTopEndRadius:u,borderBottomStartRadius:x,borderBottomEndRadius:h,borderColor:y,borderColorOnActive:w,borderColorOnFocus:v,borderColorOnChecked:C,borderColorOnHover:j,borderStartColor:k,borderEndColor:W,borderTopColor:R,borderBottomColor:T,borderWidth:B,borderVerticalWidth:N,borderHorizontalWidth:E,borderStartWidth:H,borderEndWidth:V,borderTopWidth:F,borderBottomWidth:G,alignContent:D,alignItems:O,alignSelf:I,flex:P,flexDirection:L,flexGrow:A,flexShrink:M,flexWrap:$,justifyContent:q,flexBasis:X,display:Y,overflow:_,overflowX:Z,overflowY:J,position:K,spacing:Q,spacingHorizontal:U,spacingVertical:ee,spacingBottom:re,spacingEnd:oe,spacingStart:te,spacingTop:ae,offset:ne,offsetVertical:ie,offsetHorizontal:le,offsetBottom:se,offsetEnd:de,offsetStart:ce,offsetTop:pe,columnGap:be,rowGap:me,...fe},ue){const xe=g({className:r,color:t,fontFamily:l,fontSize:i,fontWeight:s,lineHeight:d,textTransform:c,textAlign:p,backgroundColor:b,borderRadius:m,borderTopStartRadius:f,borderTopEndRadius:u,borderBottomStartRadius:x,borderBottomEndRadius:h,borderColor:y,borderColorOnActive:w,borderColorOnFocus:v,borderColorOnChecked:C,borderColorOnHover:j,borderStartColor:k,borderEndColor:W,borderTopColor:R,borderBottomColor:T,borderWidth:B,borderVerticalWidth:N,borderHorizontalWidth:E,borderStartWidth:H,borderEndWidth:V,borderTopWidth:F,borderBottomWidth:G,alignContent:D,alignItems:O,alignSelf:I,flex:P,flexDirection:L,flexGrow:A,flexShrink:M,flexWrap:$,justifyContent:q,flexBasis:X,display:Y,overflow:_,overflowX:Z,overflowY:J,position:K,spacing:Q,spacingHorizontal:U,spacingVertical:ee,spacingBottom:re,spacingEnd:oe,spacingStart:te,spacingTop:ae,offset:ne,offsetVertical:ie,offsetHorizontal:le,offsetBottom:se,offsetEnd:de,offsetStart:ce,offsetTop:pe,columnGap:be,rowGap:me}),he=o?z:n;return e.jsx(he,{className:xe,ref:ue,...fe})})),R=C(),T=a.forwardRef((function({asChild:r,className:o,backgroundColor:t,borderRadius:a,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:d,borderColorOnActive:c,borderColorOnFocus:p,borderColorOnChecked:b,borderColorOnHover:m,borderStartColor:f,borderEndColor:u,borderTopColor:x,borderBottomColor:h,borderWidth:y,borderVerticalWidth:w,borderHorizontalWidth:v,borderStartWidth:C,borderEndWidth:j,borderTopWidth:k,borderBottomWidth:z,alignContent:S,alignItems:W,alignSelf:T,flex:B,flexDirection:N,flexGrow:E,flexShrink:H,flexWrap:V,justifyContent:F,flexBasis:G,display:D="flex",overflow:O,overflowX:I,overflowY:P,position:L,spacing:A,spacingHorizontal:M,spacingVertical:$,spacingBottom:q,spacingEnd:X,spacingStart:Y,spacingTop:_,offset:Z,offsetVertical:J,offsetHorizontal:K,offsetBottom:Q,offsetEnd:U,offsetStart:ee,offsetTop:re,columnGap:oe,rowGap:te,...ae},ne){const ie=g({backgroundColor:t,borderRadius:a,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:l,borderBottomEndRadius:s,borderColor:d,borderColorOnActive:c,borderColorOnFocus:p,borderColorOnChecked:b,borderColorOnHover:m,borderStartColor:f,borderEndColor:u,borderTopColor:x,borderBottomColor:h,borderWidth:y,borderVerticalWidth:w,borderHorizontalWidth:v,borderStartWidth:C,borderEndWidth:j,borderTopWidth:k,borderBottomWidth:z,alignContent:S,alignItems:W,alignSelf:T,flex:B,flexDirection:N,flexGrow:E,flexShrink:H,flexWrap:V,justifyContent:F,flexBasis:G,display:D,overflow:O,overflowX:I,overflowY:P,position:L,spacing:A,spacingHorizontal:M,spacingVertical:$,spacingBottom:q,spacingEnd:X,spacingStart:Y,spacingTop:_,offset:Z,offsetVertical:J,offsetHorizontal:K,offsetBottom:Q,offsetEnd:U,offsetStart:ee,offsetTop:re,columnGap:oe,rowGap:te,className:o}),le=r?R:"div";return e.jsx(le,{className:ie,ref:ne,...ae})})),B=a.forwardRef((function({gap:r,...o},t){return e.jsx(T,{ref:t,flexDirection:"column",columnGap:r,rowGap:r,...o})}));var N={display:"inline-flex",alignItems:"center",justifyContent:"center",overflow:"hidden",backgroundColor:"primary",contentFit:"cover"},E={base:{display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"full",className:"min-w-fit"},variant:{accent:{color:"on-color",backgroundColor:"accent",borderColor:"accent",borderWidth:"thin"},"accent-outline":{color:"accent",backgroundColor:"transparent",borderColor:"accent",borderWidth:"thin"},"accent-ghost":{color:"accent"},brand:{color:"on-color",backgroundColor:"brand",borderColor:"brand",borderWidth:"thin"},"brand-outline":{color:"brand",backgroundColor:"transparent",borderColor:"brand",borderWidth:"thin"},"brand-ghost":{color:"brand"},positive:{color:"on-color",backgroundColor:"positive",borderColor:"positive",borderWidth:"thin"},"positive-outline":{color:"positive",backgroundColor:"transparent",borderColor:"positive",borderWidth:"thin"},"positive-ghost":{color:"positive"},alert:{color:"on-color",backgroundColor:"alert",borderColor:"alert",borderWidth:"thin"},"alert-outline":{color:"alert",backgroundColor:"transparent",borderColor:"alert",borderWidth:"thin"},"alert-ghost":{color:"alert"},warning:{color:"on-color",backgroundColor:"warning",borderColor:"warning",borderWidth:"thin"},"warning-outline":{color:"warning",backgroundColor:"transparent",borderColor:"warning",borderWidth:"thin"},"warning-ghost":{color:"warning"},"primary-outline":{color:"primary",borderColor:"muted",borderWidth:"thin"},"primary-ghost":{color:"primary"},secondary:{backgroundColor:"secondary",color:"primary"}},size:{s:{variant:"label1",spacingHorizontal:"4",spacingVertical:"2",columnGap:"2"},m:{variant:"headline1",spacingHorizontal:"6",spacingVertical:"3",columnGap:"2"},l:{variant:"headline1",spacingHorizontal:"8",spacingVertical:"4",columnGap:"2"}}};function H({variant:e="accent",size:r="s"}){const{color:o,...t}=E.variant[e],{variant:a,...n}=E.size[r];return{pressable:{...E.base,...t,...n},text:{color:o,variant:a,textAlign:"center"},icon:{color:o,size:"sm",variant:"outline"}}}var V=a.forwardRef((function({variant:r="accent",size:o,startIcon:t,endIcon:a,children:n,...i},l){const s=H({variant:r,size:o}),d=t?e.jsx(w,{name:t,variant:s.icon.variant,size:s.icon.size,color:s.icon.color}):null,c=a?e.jsx(w,{name:a,variant:s.icon.variant,size:s.icon.size,color:s.icon.color}):null;return e.jsxs(k,{...s.pressable,ref:l,...i,children:[d,e.jsx(W,{...s.text,children:n}),c]})})),F={accent:"on-color",secondary:"primary"},G={accent:"on-color",secondary:"tertiary"};var D=a.forwardRef((function({gap:r,...o},t){return e.jsx(T,{ref:t,flexDirection:"row",rowGap:r,columnGap:r,...o})}));var O=n.Popover,I=n.PopoverArrow,P=n.PopoverAnchor,L=n.PopoverDescription,A=n.PopoverDismiss,M=n.PopoverProvider,$=n.PopoverDisclosure,q=n.PopoverDisclosureArrow,X=M,Y=a.forwardRef((function({children:r,disabled:o,onClick:t,...i},l){const s=n.usePopoverStore(),d=a.useCallback((e=>{e.preventDefault();t?.((()=>s.setOpen(!1)))}),[t,s]);return e.jsx(k,{display:"flex",flexDirection:"row",alignItems:"flex-start",spacingVertical:"4",spacingHorizontal:"8",columnGap:"3",borderColor:"muted",className:h(!o&&"hover:bg-gray-2",o&&"cursor-default"),onClick:t?d:void 0,ref:l,...i,children:r})}));var _=a.forwardRef((function({children:r,className:o,overflow:t="scroll",...a},n){return e.jsx(B,{borderRadius:"lg",backgroundColor:"primary",className:h("max-h-[312px] min-w-[220px] shadow-md",o),overflow:t,spacingVertical:"2",asChild:!0,children:e.jsxs(O,{preventBodyScroll:!0,...a,ref:n,children:[e.jsx(I,{className:"!fill-elevation-3 !stroke-muted !stroke-1"}),r]})})}));var Z={s:"w-[36px] h-[36px]",m:"w-[44px] h-[44px]",l:"w-[52px] h-[52px]"},J=a.forwardRef((function({variant:r="accent",size:o="s",name:t,className:a,color:n,...i},l){const s=H({variant:r,size:o});return e.jsx(k,{...s.pressable,spacingHorizontal:s.pressable.spacingVertical,ref:l,className:h("leading-[0px]","select-none",Z[o],a),...i,children:e.jsx(w,{name:t,...s.icon,color:n})})}));var K=n.DialogDismiss;var Q=a.forwardRef((function({children:r,className:o,display:t="table",overflow:a="hidden",borderColor:n="muted",borderRadius:i="md",...l},s){return e.jsx(T,{asChild:!0,borderColor:n,borderRadius:i,className:o,overflow:a,display:t,...l,children:e.jsx("table",{ref:s,children:r})})})),U=a.forwardRef((function({children:r,display:o="table-row",...t},a){return e.jsx(T,{asChild:!0,display:o,...t,children:e.jsx("tr",{ref:a,children:r})})})),ee=a.forwardRef((function({children:r,display:o="table-header-group",...t},a){return e.jsx(T,{asChild:!0,display:o,...t,children:e.jsx("thead",{ref:a,children:r})})})),re=a.forwardRef((function({children:r,display:o="table-row-group",...t},a){return e.jsx(T,{asChild:!0,display:o,...t,children:e.jsx("tbody",{ref:a,children:r})})})),oe=a.forwardRef((function({asHeaderCell:r,className:o,display:t="table-cell",spacing:a="3",borderBottomColor:n="muted",color:i="primary",...l},s){const d=g({textAlign:"start",className:o}),c=r?"th":"td",p="row"===r?"row":r?"column":void 0,b=r?"headline1":"body1";return e.jsx(W,{asChild:!0,variant:b,color:i,display:t,spacing:a,borderBottomColor:n,borderBottomWidth:"thin",className:d,children:e.jsx(c,{scope:p,...l,ref:s})})}));function te({data:r,columns:o,...t}){return e.jsxs(te.Root,{...t,children:[e.jsx(te.Header,{children:e.jsx(te.Row,{children:o.map(((r,o)=>e.jsx(te.Cell,{asHeaderCell:"column",children:r.title},o)))})}),e.jsx(te.Body,{children:r.map(((r,t)=>e.jsx(te.Row,{children:o.map(((o,n)=>{const i=r[o.dataIndex];return e.jsx(te.Cell,{children:o.render?o.render(i,r,t):a.isValidElement(i)?i:String(i)},n)}))},t)))})]})}te.Root=Q,te.Row=U,te.Header=ee,te.Body=re,te.Cell=oe;var ae=C();var ne=a.forwardRef((function({className:r,...o},t){const a=g({display:"flex",flexDirection:"row",columnGap:"6",className:r});return e.jsx(n.TabList,{ref:t,...o,className:a})})),ie=a.forwardRef((function(r,o){const t=n.useTabContext();if(!t)throw new Error("TabPanel must be wrapped in a Tabs component");const a=t.useState("selectedId");return e.jsx(n.TabPanel,{ref:o,tabId:a,...r})}));function le({className:r,disabled:o,backgroundColor:t=(o?"secondary":"primary"),borderColor:a="tertiary",borderWidth:n="thin",borderRadius:i="md",color:l="primary",placeholderColor:s="tertiary",spacingVertical:d="3",spacingHorizontal:c="4",fontSize:p="body1",...b}){return e.jsx("input",{type:"text","data-1p-ignore":!0,className:h(g({backgroundColor:t,borderColor:a,borderWidth:n,borderRadius:i,spacingVertical:d,spacingHorizontal:c,fontSize:p,fontWeight:p,lineHeight:p,fontFamily:p,color:l,placeholderColor:s}),"w-full",r),disabled:o,...b})}function se({children:r,required:o}){return e.jsxs(W,{variant:"caption2",color:"primary",children:[r,o&&e.jsx(W,{variant:"caption2",as:"span",color:"alert",spacingStart:"0.5",children:"*"})]})}var de=g({borderRadius:"md",spacingVertical:"4",spacingHorizontal:"3",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:"5",overflow:"hidden",position:"relative",className:"cursor-pointer"}),ce=g({fontSize:"label2",lineHeight:"label2",fontWeight:"label2"}),pe=g({backgroundColor:"positive"}),be=g({backgroundColor:"alert"}),me=g({backgroundColor:"accent"}),fe=g({backgroundColor:"warning"}),ue=g({backgroundColor:"accent"}),xe=g({backgroundColor:"brand"}),he=g({backgroundColor:"accent"}),ge=e=>"default"===e?.type?h(de,he):e?.defaultClassName??"";function ye(e){const{type:r="default",defaultClassName:o=""}=e??{},t={success:pe,error:be,info:me,warning:fe,default:ue,dark:xe}[r],a=o.replace(/Toastify__progress-bar-theme--light/,"");return h(a,t)}function we({closeToast:r,type:o}){const t={success:"positive",error:"alert",info:"accent",warning:"warning",default:"on-color",dark:"white"}[o];return e.jsx(J,{name:p,size:"s",variant:"accent-ghost",color:t,onClick:r})}
+/*! © 2024 Yahoo, Inc. UDS v0.0.8 */
+Object.defineProperty(exports,"usePopoverStore",{enumerable:!0,get:function(){return n.usePopoverStore}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return i.toast}}),exports.Accordion=function({label:r,children:o,onClick:t,open:a,spacingHorizontal:n="4",_content:i,className:l,...s}){return e.jsxs(e.Fragment,{children:[e.jsxs(k,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",spacingVertical:"4",spacingHorizontal:n,borderRadius:"md",onClick:t,className:h("hover:bg-secondary/80","w-full",l),...s,children:[e.jsx(W,{variant:"title4",color:"primary",children:r}),e.jsx(w,{name:a?d:c,variant:"fill",size:"sm",color:"primary"})]}),e.jsx(B,{overflow:"hidden",className:h("transition-[max-height]","duration-500","ease-in-out",a?"max-h-full":"max-h-0"),spacingHorizontal:n,...i,children:e.jsx(B,{className:"min-h-min",children:o})})]})},exports.Avatar=function({size:r,shape:o,src:t,alt:a,...n}){const i=g({...N,avatarSize:r,borderRadius:o});return e.jsx("img",{src:t,alt:a,className:i,...n})},exports.Button=V,exports.Chip=function({children:r,variant:o,startIcon:t,startContent:a=(t?e.jsx(w,{name:t,variant:"fill",size:"sm",color:F[o]}):null),endIcon:n,endContent:i=(n?e.jsx(w,{name:n,variant:"fill",size:"sm",color:F[o]}):null)}){return e.jsxs(k,{display:"inline-flex",flexDirection:"row",columnGap:"2",borderRadius:"full",backgroundColor:o,alignItems:"center",spacingVertical:"2",spacingHorizontal:"3",children:[a,e.jsx(W,{variant:"label2",color:G[o],children:r}),i]})},exports.Dropdown=X,exports.DropdownItem=function({title:r,description:o,_title:t,_description:a,startIcon:n,endIcon:i,...l}){return e.jsxs(Y,{...l,children:[n&&e.jsx(w,{name:n,size:"md",color:"primary"}),e.jsxs(B,{gap:"3",alignItems:"flex-start",children:[r&&e.jsx(W,{variant:"headline1",color:"primary",...t,children:r}),o&&e.jsx(W,{variant:"label2",color:"muted",...a,children:o})]}),i&&e.jsx(w,{name:i,size:"md",color:"primary"})]})},exports.DropdownItemPressable=Y,exports.DropdownItems=_,exports.DropdownTrigger=function({children:r,variant:o,size:t,...a}){const n=H({variant:o,size:t}),i=o?n.pressable:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"6",justifyContent:"space-between"};return e.jsx(k,{...i,...a,asChild:!0,children:e.jsx($,{children:r})})},exports.IconButton=J,exports.Modal=function({className:r,...o}){return e.jsx(B,{borderRadius:"md",position:"fixed",backgroundColor:"primary",className:h("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 shadow-md transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100",r),spacing:"8",asChild:!0,overflow:"hidden",children:e.jsx(n.Dialog,{backdrop:e.jsx("div",{className:"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm"}),...o})})},exports.ModalDismiss=K,exports.ModalHeader=function({children:r,handleClose:o}){return e.jsxs(D,{alignItems:"center",justifyContent:"space-between",children:[e.jsx(W,{variant:"headline1",color:"primary",children:r}),e.jsx(V,{variant:"accent-ghost",size:"m",spacingEnd:"0",spacingVertical:"0",onClick:o,children:"close"})]})},exports.Popover=O,exports.PopoverAnchor=P,exports.PopoverArrow=I,exports.PopoverDescription=L,exports.PopoverDisclosure=$,exports.PopoverDisclosureArrow=q,exports.PopoverDismiss=A,exports.PopoverHeading=function({children:r,leading:o,trailing:t}){return e.jsxs(D,{children:[o,e.jsx(W,{variant:"headline1",color:"primary",asChild:!0,children:e.jsx(n.PopoverHeading,{children:r})}),t]})},exports.PopoverProvider=M,exports.Spinner=function({className:r,...o}){return e.jsxs("div",{role:"status",className:h("self-center","relative",r),...o,style:{width:32,maxWidth:32,height:32,maxHeight:32},children:[e.jsxs("svg",{"aria-hidden":"true",className:"text-gray-3 fill-accent top-half left-half absolute left-0 right-0 animate-spin",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),e.jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),e.jsx("span",{className:"sr-only",children:"Loading..."})]})},exports.Tab=function({asChild:r,label:o,value:t,startIcon:a}){const i=r?ae:"button",l=g({});if(!n.useTabContext())throw new Error("Tab must be wrapped in a Tabs component");const s=h("text-primary","border-b-transparent","aria-selected:border-b-accent","aria-selected:text-accent");return e.jsx(n.Tab,{id:t,className:l,render:e.jsx(k,{borderBottomWidth:"thick",spacingBottom:"1",spacingTop:"4",className:s,asChild:!0,children:e.jsxs(i,{children:[a?e.jsx(w,{name:a,className:"text-current",size:"md"}):null,e.jsx(W,{className:"text-current",variant:"headline1",as:"span",children:o})]})})})},exports.TabList=ne,exports.TabPanel=ie,exports.Table=te,exports.Tabs=function(r){return e.jsx(n.TabProvider,{...r})},exports.TextInput=le,exports.TextInputGroup=function({label:r,required:o,...t}){return e.jsxs(B,{gap:"4",className:"w-full",children:[e.jsx(se,{required:o,children:r}),e.jsx(le,{required:o,...t})]})},exports.TextInputLabel=se,exports.ToastContainer=function(r){return e.jsx(i.ToastContainer,{toastClassName:ge,bodyClassName:ce,progressClassName:ye,transition:i.Slide,closeButton:we,...r})},exports.useModalStore=function(e){return n.useDialogStore({animated:!0,...e})};

package/dist/experimental/index.d.cts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { c as PressableProps, e as VStackProps, b as IconProps, a as BoxProps, d as TextProps } from '../VStack-Lg_bEcbW.cjs';
 import { aG as UniversalAvatarProps, aI as UniversalButtonProps, aN as UniversalTextProps, ah as Overflow, z as ButtonVariant, y as ButtonSize, aJ as UniversalIconButtonProps, M as Display, aM as UniversalTextInputProps } from '../types-BevSfblh.cjs';
 import * as react from 'react';
-import react__default, { PropsWithChildren, TdHTMLAttributes } from 'react';
+import react__default, { PropsWithChildren, TableHTMLAttributes, TdHTMLAttributes } from 'react';
 import * as _ariakit_react from '@ariakit/react';
 import { PopoverProviderProps, PopoverProps, DialogProps, useDialogStore, DialogStore, DialogDismiss, Popover as Popover$1, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
 export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
@@ -140,6 +140,13 @@ type TableColumn<T> = {
     dataIndex: keyof T;
     render?: (value: T[keyof T], record: T, index: number) => react__default.ReactNode;
 };
+type TableRootProps = TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+    /** Sets whether an element is treated as a block or inline box and the
+     *  layout used for its children, such as flow layout, grid or flex.
+     *  @default "table"
+     */
+    display?: BoxProps['display'];
+};
 interface HTMLTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'color' | 'height' | 'width'> {
 }
 interface TableCellProps extends Omit<UniversalTextProps, 'color'>, HTMLTableCellProps {
@@ -163,7 +170,7 @@ type TableProps<T> = {
      * The `dataIndex` should match the key of the data item.
      */
     columns: TableColumn<T>[];
-};
+} & TableRootProps;
 /**
  * The Table component renders a table with the given data and columns.
  * If you want more control over the table, or want to handle virtualization,

package/dist/experimental/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { c as PressableProps, e as VStackProps, b as IconProps, a as BoxProps, d as TextProps } from '../VStack-BbNBxVhv.js';
 import { aG as UniversalAvatarProps, aI as UniversalButtonProps, aN as UniversalTextProps, ah as Overflow, z as ButtonVariant, y as ButtonSize, aJ as UniversalIconButtonProps, M as Display, aM as UniversalTextInputProps } from '../types-BevSfblh.js';
 import * as react from 'react';
-import react__default, { PropsWithChildren, TdHTMLAttributes } from 'react';
+import react__default, { PropsWithChildren, TableHTMLAttributes, TdHTMLAttributes } from 'react';
 import * as _ariakit_react from '@ariakit/react';
 import { PopoverProviderProps, PopoverProps, DialogProps, useDialogStore, DialogStore, DialogDismiss, Popover as Popover$1, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
 export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
@@ -140,6 +140,13 @@ type TableColumn<T> = {
     dataIndex: keyof T;
     render?: (value: T[keyof T], record: T, index: number) => react__default.ReactNode;
 };
+type TableRootProps = TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+    /** Sets whether an element is treated as a block or inline box and the
+     *  layout used for its children, such as flow layout, grid or flex.
+     *  @default "table"
+     */
+    display?: BoxProps['display'];
+};
 interface HTMLTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'color' | 'height' | 'width'> {
 }
 interface TableCellProps extends Omit<UniversalTextProps, 'color'>, HTMLTableCellProps {
@@ -163,7 +170,7 @@ type TableProps<T> = {
      * The `dataIndex` should match the key of the data item.
      */
     columns: TableColumn<T>[];
-};
+} & TableRootProps;
 /**
  * The Table component renders a table with the given data and columns.
  * If you want more control over the table, or want to handle virtualization,