@next-degree/pickle-shared-js 0.3.5 → 0.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/dist/app/layout.cjs +1 -1
  2. package/dist/app/layout.cjs.map +1 -1
  3. package/dist/app/layout.d.cts +2 -2
  4. package/dist/app/layout.d.ts +2 -2
  5. package/dist/app/layout.js +1 -1
  6. package/dist/app/layout.js.map +1 -1
  7. package/dist/app/page.cjs +1 -1
  8. package/dist/app/page.cjs.map +1 -1
  9. package/dist/app/page.d.cts +2 -2
  10. package/dist/app/page.d.ts +2 -2
  11. package/dist/app/page.js +1 -1
  12. package/dist/app/page.js.map +1 -1
  13. package/dist/components/demos/ComboboxDemo.cjs +1 -1
  14. package/dist/components/demos/ComboboxDemo.cjs.map +1 -1
  15. package/dist/components/demos/ComboboxDemo.d.cts +2 -2
  16. package/dist/components/demos/ComboboxDemo.d.ts +2 -2
  17. package/dist/components/demos/ComboboxDemo.js +1 -1
  18. package/dist/components/demos/ComboboxDemo.js.map +1 -1
  19. package/dist/components/demos/index.cjs +1 -1
  20. package/dist/components/demos/index.cjs.map +1 -1
  21. package/dist/components/demos/index.d.cts +2 -2
  22. package/dist/components/demos/index.d.ts +2 -2
  23. package/dist/components/demos/index.js +1 -1
  24. package/dist/components/demos/index.js.map +1 -1
  25. package/dist/components/primitives/command.cjs +1 -1
  26. package/dist/components/primitives/command.cjs.map +1 -1
  27. package/dist/components/primitives/command.d.cts +3 -2
  28. package/dist/components/primitives/command.d.ts +3 -2
  29. package/dist/components/primitives/command.js +1 -1
  30. package/dist/components/primitives/command.js.map +1 -1
  31. package/dist/components/primitives/dialog.cjs +1 -1
  32. package/dist/components/primitives/dialog.cjs.map +1 -1
  33. package/dist/components/primitives/dialog.d.cts +3 -2
  34. package/dist/components/primitives/dialog.d.ts +3 -2
  35. package/dist/components/primitives/dialog.js +1 -1
  36. package/dist/components/primitives/dialog.js.map +1 -1
  37. package/dist/components/primitives/popover.cjs +1 -1
  38. package/dist/components/primitives/popover.cjs.map +1 -1
  39. package/dist/components/primitives/popover.js +1 -1
  40. package/dist/components/primitives/popover.js.map +1 -1
  41. package/dist/components/primitives/separator.cjs +1 -1
  42. package/dist/components/primitives/separator.cjs.map +1 -1
  43. package/dist/components/primitives/separator.js +1 -1
  44. package/dist/components/primitives/separator.js.map +1 -1
  45. package/dist/components/ui/Badge.cjs +1 -1
  46. package/dist/components/ui/Badge.cjs.map +1 -1
  47. package/dist/components/ui/Badge.d.cts +2 -1
  48. package/dist/components/ui/Badge.d.ts +2 -1
  49. package/dist/components/ui/Badge.js +1 -1
  50. package/dist/components/ui/Badge.js.map +1 -1
  51. package/dist/components/ui/Button.cjs +1 -1
  52. package/dist/components/ui/Button.cjs.map +1 -1
  53. package/dist/components/ui/Button.js +1 -1
  54. package/dist/components/ui/Button.js.map +1 -1
  55. package/dist/components/ui/Checkbox.cjs +1 -1
  56. package/dist/components/ui/Checkbox.cjs.map +1 -1
  57. package/dist/components/ui/Checkbox.js +1 -1
  58. package/dist/components/ui/Checkbox.js.map +1 -1
  59. package/dist/components/ui/Chip.cjs +1 -1
  60. package/dist/components/ui/Chip.cjs.map +1 -1
  61. package/dist/components/ui/Chip.d.cts +2 -1
  62. package/dist/components/ui/Chip.d.ts +2 -1
  63. package/dist/components/ui/Chip.js +1 -1
  64. package/dist/components/ui/Chip.js.map +1 -1
  65. package/dist/components/ui/Combobox.cjs +1 -1
  66. package/dist/components/ui/Combobox.cjs.map +1 -1
  67. package/dist/components/ui/Combobox.js +1 -1
  68. package/dist/components/ui/Combobox.js.map +1 -1
  69. package/dist/components/ui/Label.cjs +1 -1
  70. package/dist/components/ui/Label.cjs.map +1 -1
  71. package/dist/components/ui/Label.d.cts +2 -2
  72. package/dist/components/ui/Label.d.ts +2 -2
  73. package/dist/components/ui/Label.js +1 -1
  74. package/dist/components/ui/Label.js.map +1 -1
  75. package/dist/components/ui/ListItem.cjs +1 -1
  76. package/dist/components/ui/ListItem.cjs.map +1 -1
  77. package/dist/components/ui/ListItem.d.cts +2 -2
  78. package/dist/components/ui/ListItem.d.ts +2 -2
  79. package/dist/components/ui/ListItem.js +1 -1
  80. package/dist/components/ui/ListItem.js.map +1 -1
  81. package/dist/components/ui/Select.cjs +1 -1
  82. package/dist/components/ui/Select.cjs.map +1 -1
  83. package/dist/components/ui/Select.js +1 -1
  84. package/dist/components/ui/Select.js.map +1 -1
  85. package/dist/index.cjs +1 -1
  86. package/dist/index.cjs.map +1 -1
  87. package/dist/index.d.cts +1 -0
  88. package/dist/index.d.ts +1 -0
  89. package/dist/index.js +1 -1
  90. package/dist/index.js.map +1 -1
  91. package/package.json +1 -1
package/dist/app/layout.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var l=Object.create;var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var a in e)o(t,a,{get:e[a],enumerable:!0})},n=(t,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of p(e))!h.call(t,r)&&r!==a&&o(t,r,{get:()=>e[r],enumerable:!(i=c(e,r))||i.enumerable});return t};var m=(t,e,a)=>(a=t!=null?l(g(t)):{},n(e||!t||!t.__esModule?o(a,"default",{value:t,enumerable:!0}):a,t)),b=t=>n(o({},"__esModule",{value:!0}),t);var x={};w(x,{default:()=>d,metadata:()=>u});module.exports=b(x);var C=require("@radix-ui/themes/styles.css"),s=m(require("next/font/local"),1),u={title:"Next.js",description:"Generated by Next.js"},f=(0,s.default)({src:[{path:"../assets/fonts/AmbitRegular.otf",weight:"400",style:"normal"},{path:"../assets/fonts/AmbitBold.otf",weight:"700",style:"normal"},{path:"../assets/fonts/AmbitBoldItalic.otf",weight:"700",style:"italic"}],variable:"--font-ambit"});function d({children:t}){return React.createElement("html",{lang:"en"},React.createElement("body",{className:f.className},t))}0&&(module.exports={metadata});
1
+ "use strict";var c=Object.create;var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var a in e)o(t,a,{get:e[a],enumerable:!0})},s=(t,e,a,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of g(e))!w.call(t,r)&&r!==a&&o(t,r,{get:()=>e[r],enumerable:!(n=p(e,r))||n.enumerable});return t};var b=(t,e,a)=>(a=t!=null?c(h(t)):{},s(e||!t||!t.__esModule?o(a,"default",{value:t,enumerable:!0}):a,t)),u=t=>s(o({},"__esModule",{value:!0}),t);var y={};m(y,{default:()=>l,metadata:()=>f});module.exports=u(y);var _=require("@radix-ui/themes/styles.css"),d=b(require("next/font/local"),1),i=require("react/jsx-runtime"),f={title:"Next.js",description:"Generated by Next.js"},x=(0,d.default)({src:[{path:"../assets/fonts/AmbitRegular.otf",weight:"400",style:"normal"},{path:"../assets/fonts/AmbitBold.otf",weight:"700",style:"normal"},{path:"../assets/fonts/AmbitBoldItalic.otf",weight:"700",style:"italic"}],variable:"--font-ambit"});function l({children:t}){return(0,i.jsx)("html",{lang:"en",children:(0,i.jsx)("body",{className:x.className,children:t})})}0&&(module.exports={metadata});
2
2
  //# sourceMappingURL=layout.cjs.map
package/dist/app/layout.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/app/layout.tsx"],"sourcesContent":["import '@/styles/globals.css'\nimport '@radix-ui/themes/styles.css'\nimport localFont from 'next/font/local'\n\nexport const metadata = {\n title: 'Next.js',\n description: 'Generated by Next.js',\n}\n\nconst ambit = localFont({\n src: [\n {\n path: '../assets/fonts/AmbitRegular.otf',\n weight: '400',\n style: 'normal',\n },\n {\n path: '../assets/fonts/AmbitBold.otf',\n weight: '700',\n style: 'normal',\n },\n {\n path: '../assets/fonts/AmbitBoldItalic.otf',\n weight: '700',\n style: 'italic',\n },\n ],\n variable: '--font-ambit',\n})\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n return (\n <html lang=\"en\">\n <body className={ambit.className}>{children}</body>\n </html>\n )\n}\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,IAAA,eAAAC,EAAAJ,GACA,IAAAK,EAAO,uCACPC,EAAsB,gCAETC,EAAW,CACtB,MAAO,UACP,YAAa,sBACf,EAEMC,KAAQ,EAAAC,SAAU,CACtB,IAAK,CACH,CACE,KAAM,mCACN,OAAQ,MACR,MAAO,QACT,EACA,CACE,KAAM,gCACN,OAAQ,MACR,MAAO,QACT,EACA,CACE,KAAM,sCACN,OAAQ,MACR,MAAO,QACT,CACF,EACA,SAAU,cACZ,CAAC,EAEc,SAARC,EAA4B,CAAE,SAAAC,CAAS,EAAkC,CAC9E,OACE,oBAAC,QAAK,KAAK,MACT,oBAAC,QAAK,UAAWH,EAAM,WAAYG,CAAS,CAC9C,CAEJ","names":["layout_exports","__export","RootLayout","metadata","__toCommonJS","import_styles","import_local","metadata","ambit","localFont","RootLayout","children"]}
1
+ {"version":3,"sources":["../../src/app/layout.tsx"],"sourcesContent":["import '@/styles/globals.css'\nimport '@radix-ui/themes/styles.css'\nimport localFont from 'next/font/local'\n\nexport const metadata = {\n title: 'Next.js',\n description: 'Generated by Next.js',\n}\n\nconst ambit = localFont({\n src: [\n {\n path: '../assets/fonts/AmbitRegular.otf',\n weight: '400',\n style: 'normal',\n },\n {\n path: '../assets/fonts/AmbitBold.otf',\n weight: '700',\n style: 'normal',\n },\n {\n path: '../assets/fonts/AmbitBoldItalic.otf',\n weight: '700',\n style: 'italic',\n },\n ],\n variable: '--font-ambit',\n})\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n return (\n <html lang=\"en\">\n <body className={ambit.className}>{children}</body>\n </html>\n )\n}\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,IAAA,eAAAC,EAAAJ,GACA,IAAAK,EAAO,uCACPC,EAAsB,gCA+BhBC,EAAA,6BA7BOC,EAAW,CACtB,MAAO,UACP,YAAa,sBACf,EAEMC,KAAQ,EAAAC,SAAU,CACtB,IAAK,CACH,CACE,KAAM,mCACN,OAAQ,MACR,MAAO,QACT,EACA,CACE,KAAM,gCACN,OAAQ,MACR,MAAO,QACT,EACA,CACE,KAAM,sCACN,OAAQ,MACR,MAAO,QACT,CACF,EACA,SAAU,cACZ,CAAC,EAEc,SAARC,EAA4B,CAAE,SAAAC,CAAS,EAAkC,CAC9E,SACE,OAAC,QAAK,KAAK,KACT,mBAAC,QAAK,UAAWH,EAAM,UAAY,SAAAG,EAAS,EAC9C,CAEJ","names":["layout_exports","__export","RootLayout","metadata","__toCommonJS","import_styles","import_local","import_jsx_runtime","metadata","ambit","localFont","RootLayout","children"]}
package/dist/app/layout.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import * as React$1 from 'react';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
 
3
3
  declare const metadata: {
4
4
  title: string;
@@ -6,6 +6,6 @@ declare const metadata: {
6
6
  };
7
7
  declare function RootLayout({ children }: {
8
8
  children: React.ReactNode;
9
- }): React$1.JSX.Element;
9
+ }): react_jsx_runtime.JSX.Element;
10
10
 
11
11
  export { RootLayout as default, metadata };
package/dist/app/layout.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import * as React$1 from 'react';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
 
3
3
  declare const metadata: {
4
4
  title: string;
@@ -6,6 +6,6 @@ declare const metadata: {
6
6
  };
7
7
  declare function RootLayout({ children }: {
8
8
  children: React.ReactNode;
9
- }): React$1.JSX.Element;
9
+ }): react_jsx_runtime.JSX.Element;
10
10
 
11
11
  export { RootLayout as default, metadata };
package/dist/app/layout.js CHANGED
@@ -1,2 +1,2 @@
1
- import"@radix-ui/themes/styles.css";import e from"next/font/local";var p={title:"Next.js",description:"Generated by Next.js"},a=e({src:[{path:"../assets/fonts/AmbitRegular.otf",weight:"400",style:"normal"},{path:"../assets/fonts/AmbitBold.otf",weight:"700",style:"normal"},{path:"../assets/fonts/AmbitBoldItalic.otf",weight:"700",style:"italic"}],variable:"--font-ambit"});function r({children:t}){return React.createElement("html",{lang:"en"},React.createElement("body",{className:a.className},t))}export{r as default,p as metadata};
1
+ import"@radix-ui/themes/styles.css";import a from"next/font/local";import{jsx as t}from"react/jsx-runtime";var g={title:"Next.js",description:"Generated by Next.js"},r=a({src:[{path:"../assets/fonts/AmbitRegular.otf",weight:"400",style:"normal"},{path:"../assets/fonts/AmbitBold.otf",weight:"700",style:"normal"},{path:"../assets/fonts/AmbitBoldItalic.otf",weight:"700",style:"italic"}],variable:"--font-ambit"});function o({children:e}){return t("html",{lang:"en",children:t("body",{className:r.className,children:e})})}export{o as default,g as metadata};
2
2
  //# sourceMappingURL=layout.js.map
package/dist/app/layout.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/app/layout.tsx"],"sourcesContent":["import '@/styles/globals.css'\nimport '@radix-ui/themes/styles.css'\nimport localFont from 'next/font/local'\n\nexport const metadata = {\n title: 'Next.js',\n description: 'Generated by Next.js',\n}\n\nconst ambit = localFont({\n src: [\n {\n path: '../assets/fonts/AmbitRegular.otf',\n weight: '400',\n style: 'normal',\n },\n {\n path: '../assets/fonts/AmbitBold.otf',\n weight: '700',\n style: 'normal',\n },\n {\n path: '../assets/fonts/AmbitBoldItalic.otf',\n weight: '700',\n style: 'italic',\n },\n ],\n variable: '--font-ambit',\n})\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n return (\n <html lang=\"en\">\n <body className={ambit.className}>{children}</body>\n </html>\n )\n}\n"],"mappings":"AACA,MAAO,8BACP,OAAOA,MAAe,kBAEf,IAAMC,EAAW,CACtB,MAAO,UACP,YAAa,sBACf,EAEMC,EAAQF,EAAU,CACtB,IAAK,CACH,CACE,KAAM,mCACN,OAAQ,MACR,MAAO,QACT,EACA,CACE,KAAM,gCACN,OAAQ,MACR,MAAO,QACT,EACA,CACE,KAAM,sCACN,OAAQ,MACR,MAAO,QACT,CACF,EACA,SAAU,cACZ,CAAC,EAEc,SAARG,EAA4B,CAAE,SAAAC,CAAS,EAAkC,CAC9E,OACE,oBAAC,QAAK,KAAK,MACT,oBAAC,QAAK,UAAWF,EAAM,WAAYE,CAAS,CAC9C,CAEJ","names":["localFont","metadata","ambit","RootLayout","children"]}
1
+ {"version":3,"sources":["../../src/app/layout.tsx"],"sourcesContent":["import '@/styles/globals.css'\nimport '@radix-ui/themes/styles.css'\nimport localFont from 'next/font/local'\n\nexport const metadata = {\n title: 'Next.js',\n description: 'Generated by Next.js',\n}\n\nconst ambit = localFont({\n src: [\n {\n path: '../assets/fonts/AmbitRegular.otf',\n weight: '400',\n style: 'normal',\n },\n {\n path: '../assets/fonts/AmbitBold.otf',\n weight: '700',\n style: 'normal',\n },\n {\n path: '../assets/fonts/AmbitBoldItalic.otf',\n weight: '700',\n style: 'italic',\n },\n ],\n variable: '--font-ambit',\n})\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n return (\n <html lang=\"en\">\n <body className={ambit.className}>{children}</body>\n </html>\n )\n}\n"],"mappings":"AACA,MAAO,8BACP,OAAOA,MAAe,kBA+BhB,cAAAC,MAAA,oBA7BC,IAAMC,EAAW,CACtB,MAAO,UACP,YAAa,sBACf,EAEMC,EAAQH,EAAU,CACtB,IAAK,CACH,CACE,KAAM,mCACN,OAAQ,MACR,MAAO,QACT,EACA,CACE,KAAM,gCACN,OAAQ,MACR,MAAO,QACT,EACA,CACE,KAAM,sCACN,OAAQ,MACR,MAAO,QACT,CACF,EACA,SAAU,cACZ,CAAC,EAEc,SAARI,EAA4B,CAAE,SAAAC,CAAS,EAAkC,CAC9E,OACEJ,EAAC,QAAK,KAAK,KACT,SAAAA,EAAC,QAAK,UAAWE,EAAM,UAAY,SAAAE,EAAS,EAC9C,CAEJ","names":["localFont","jsx","metadata","ambit","RootLayout","children"]}
package/dist/app/page.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var we=Object.create;var w=Object.defineProperty;var De=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,Ee=Object.prototype.hasOwnProperty;var Ie=(e,t)=>{for(var o in t)w(e,o,{get:t[o],enumerable:!0})},$=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Se(t))!Ee.call(e,i)&&i!==o&&w(e,i,{get:()=>t[i],enumerable:!(r=De(t,i))||r.enumerable});return e};var f=(e,t,o)=>(o=e!=null?we(Te(e)):{},$(t||!e||!e.__esModule?w(o,"default",{value:e,enumerable:!0}):o,e)),Le=e=>$(w({},"__esModule",{value:!0}),e);var Xe={};Ie(Xe,{default:()=>Ue});module.exports=Le(Xe);var Y=require("react");var x=require("react"),ue=require("lucide-react"),ge=require("cva");var q=require("clsx"),Q=require("tailwind-merge");function a(...e){return(0,Q.twMerge)((0,q.clsx)(e))}var m=require("cmdk"),oe=require("lucide-react"),n=f(require("react"),1);var l=f(require("@radix-ui/react-dialog"),1),Z=require("lucide-react"),s=f(require("react"),1);var Ve=l.Portal;var ee=s.forwardRef(({className:e,...t},o)=>s.createElement(l.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));ee.displayName=l.Overlay.displayName;var te=s.forwardRef(({className:e,children:t,...o},r)=>s.createElement(Ve,null,s.createElement(ee,null),s.createElement(l.Content,{ref:r,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",e),...o},t,s.createElement(l.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400"},s.createElement(Z.X,{className:"h-4 w-4"}),s.createElement("span",{className:"sr-only"},"Close")))));te.displayName=l.Content.displayName;var We=({className:e,...t})=>s.createElement("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});We.displayName="DialogHeader";var ze=({className:e,...t})=>s.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});ze.displayName="DialogFooter";var _e=s.forwardRef(({className:e,...t},o)=>s.createElement(l.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));_e.displayName=l.Title.displayName;var Me=s.forwardRef(({className:e,...t},o)=>s.createElement(l.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));Me.displayName=l.Description.displayName;var W=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));W.displayName=m.Command.displayName;var z=n.forwardRef(({className:e,...t},o)=>n.createElement("div",{className:"m-1 flex items-center rounded-xl border px-3","cmdk-input-wrapper":""},n.createElement(oe.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),n.createElement(m.Command.Input,{ref:o,className:a("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",e),...t})));z.displayName=m.Command.Input.displayName;var _=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));_.displayName=m.Command.List.displayName;var M=n.forwardRef((e,t)=>n.createElement(m.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));M.displayName=m.Command.Empty.displayName;var B=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command.Group,{ref:o,className:a("overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",e),...t}));B.displayName=m.Command.Group.displayName;var Be=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));Be.displayName=m.Command.Separator.displayName;var H=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command.Item,{ref:o,className:a("relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",e),...t}));H.displayName=m.Command.Item.displayName;var He=({className:e,...t})=>n.createElement("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});He.displayName="CommandShortcut";var b=f(require("react"),1),g=f(require("@radix-ui/react-popover"),1);var ae=g.Root,ie=g.Trigger,A=b.forwardRef(({className:e,align:t="center",sideOffset:o=4,...r},i)=>b.createElement(g.Portal,null,b.createElement(g.Content,{ref:i,align:t,sideOffset:o,className:a("z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r})));A.displayName=g.Content.displayName;var O=f(require("@radix-ui/react-separator"),1),D=f(require("react"),1);var G=D.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...r},i)=>D.createElement(O.Root,{ref:i,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));G.displayName=O.Root.displayName;var se=require("lucide-react");var P=f(require("@radix-ui/react-checkbox"),1),S=require("lucide-react"),j=require("react");var re=(0,j.forwardRef)(({className:e,...t},o)=>React.createElement(P.Root,{ref:o,className:a("group","peer","h-5","w-5","shrink-0","rounded-md","border","border-grey-10","outline","outline-1","outline-offset-2","outline-transparent","hover:border-grey-20","focus:outline-purple-100","active:border-green-80","disabled:cursor-not-allowed","disabled:opacity-50","data-[state=checked]:bg-green-80","data-[state=indeterminate]:bg-green-80","data-[state=checked]:text-white","data-[state=indeterminate]:text-primary-foreground",t.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",e),...t},React.createElement(P.Indicator,{className:"flex items-center justify-center text-current"},React.createElement(S.Check,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),React.createElement(S.Minus,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"}))));re.displayName=P.Root.displayName;var ne=(0,j.forwardRef)(({classNames:e,children:t,...o},r)=>{let{disabled:i}=o,c=o.id??`${o.name??o.value?.toString()}-checkbox`,p=i?"text-grey-40 pointer-events-none":"";return React.createElement("div",{className:a("flex space-x-2",e?.wrapper)},React.createElement(re,{id:c,disabled:i,ref:r,...o}),React.createElement("label",{htmlFor:c,className:a(p,e?.label)},t))});ne.displayName="Checkbox";var le=ne;var F=require("lucide-react");function Ae({icon:e,hasCheckbox:t,isSelected:o,className:r,title:i,value:c,description:p,...I}){let N=e?(y=>{if(y in F.icons){let k=F.icons[y];return React.createElement(k,{size:14})}return null})(e):void 0;return React.createElement("li",{className:a("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",r),...I,"data-state":o?"checked":"unchecked"},N&&React.createElement("span",{className:"mr-2"},N),t&&React.createElement(le,{id:c,checked:o,onClick:y=>y.preventDefault()}),React.createElement("div",null,React.createElement("p",null,i),React.createElement("p",{className:"text-xs text-grey-80"},p)),React.createElement(se.CheckIcon,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16}))}var me=Ae;var pe=require("cva"),de=f(require("react"),1);var Oe=(0,pe.cva)("rounded-full px-2 py-0.5 text-xs font-semibold",{variants:{variant:{green:"bg-green-90 text-white",pickle:"bg-pickle-100 text-black",purple:"bg-purple-100 text-white"}},defaultVariants:{variant:"green"}});function ce({className:e,variant:t,...o}){return de.createElement("div",{className:a(Oe({variant:t}),e),...o})}function Ge({text:e,className:t,...o}){return e?React.createElement("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o},e):null}var fe=Ge;var C=(0,x.forwardRef)((e,t)=>{let{value:o,label:r,options:i,classNames:c,multiselect:p,placeholder:I,variant:R="default",size:N,className:y,onChange:k,children:L}=e,be=p?o??[]:o?[o]:[],[u,J]=(0,x.useState)(be),[K,U]=(0,x.useState)(!1),Pe=i?.length<=5,V=R==="default",Ce=R==="chip",X=()=>U(!1);(0,x.useEffect)(()=>{k?.(p?u:u[0])},[u]);let Re=v=>{if(p)return J(h=>h.includes(v)?h.filter(ke=>ke!==v):[...h,v]);J([v]),X()},Ne=()=>{let v=u.length>0?u.join(", "):I;return V?v:r};return React.createElement("div",{className:a("flex flex-col gap-2",y)},V&&r&&React.createElement(fe,{text:r,className:c?.label}),React.createElement(ae,{open:K,onOpenChange:U},React.createElement(ie,{asChild:!0,disabled:i.length===0},React.createElement("div",{ref:t,className:a(je({variant:R,size:N}),c?.trigger),"aria-expanded":K},Ce&&u.length>0&&React.createElement(ce,{variant:"purple"},u.length),React.createElement("span",{className:a("truncate leading-normal",V&&u.length==0&&"text-grey-40")},Ne()),React.createElement(ue.ChevronDownIcon,{className:"transform group-data-[state=open]:rotate-180",size:"16"}))),React.createElement(W,null,React.createElement(A,{className:a("flex w-full max-w-xs flex-col overflow-hidden p-0","max-h-[--radix-popover-content-available-height]",c?.content),collisionPadding:8,sideOffset:4,align:"start"},!Pe&&React.createElement(z,{placeholder:"Search..."}),React.createElement(_,null,React.createElement(M,null,"No results"),React.createElement(B,null,i.map(({id:v,...h})=>React.createElement(H,{key:v,value:h.value,onSelect:Re},React.createElement(me,{className:a(c?.items,"truncate py-1"),isSelected:u?.includes(h.value),hasCheckbox:p,...h}))))),!!L&&React.createElement(G,null),L&&L({close:X})))))});C.displayName="Combobox";var je=(0,ge.cva)("group relative cursor-pointer flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5",{variants:{variant:{default:["w-full","max-w-80","rounded-lg"],chip:["font-bold","rounded-3xl","data-[state=open]:bg-black","data-[state=open]:text-white"]},size:{small:["h-8","p-1","pl-2","text-xs"],normal:["h-9","p-2","pl-3","text-sm"],large:["h-10","p-3","pl-4","text-base"]}},defaultVariants:{variant:"default",size:"normal"}});var ve=require("@radix-ui/react-slot"),he=require("cva"),T=f(require("react"),1),E=(0,T.forwardRef)(({className:e,variant:t,size:o,asChild:r=!1,...i},c)=>T.default.createElement(r?ve.Slot:"button",{className:a(Fe({variant:t,size:o,className:e})),ref:c,...i}));E.displayName="Button";var Fe=(0,he.cva)(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});function Ye(){let[e,t]=(0,Y.useState)([]),[o,r]=(0,Y.useState)(""),i=[{title:"Nirvana",value:"Nirvana",description:"Come As You Are",id:1},{title:"Pearl Jam",value:"Pearl Jam",description:"Jeremy",id:2},{title:"Soundgarden",value:"Soundgarden",description:"Rusty Cage",id:3},{title:"Alice in Chains",value:"Alice in Chains",description:"Would?",id:4},{title:"Stone Temple Pilots",value:"Stone Temple Pilots",id:5},{title:"Hole",value:"Hole",id:6},{title:"Mudhoney",value:"Mudhoney",id:7},{title:"Screaming Trees",value:"Screaming Trees",id:8},{title:"L7",value:"L7",id:9},{title:"Sonic Youth",value:"Sonic Youth",id:10},{title:"And You Will Know Us by the Trail of Dead",value:"And You Will Know Us by the Trail of Dead",id:11}];return React.createElement("div",{className:"flex flex-row flex-wrap items-center gap-4 p-4"},React.createElement(C,{label:"US bands from the 90's",placeholder:"Select a band",options:i,multiselect:!0,onChange:t,value:e}),React.createElement(C,{label:"US bands from the 90's",options:i,variant:"chip",multiselect:!0,onChange:t,value:e}),React.createElement(C,{label:"Fruit label",variant:"chip",options:[{title:"Cherry",value:"Cherry",id:1,icon:"Cherry"},{title:"Grape",value:"Grape",id:2,icon:"Grape"}],value:o,onChange:r},({close:p})=>React.createElement("div",{className:"flex flex-row items-center justify-between bg-white p-2 pl-4"},React.createElement(E,{variant:"link",tabIndex:-1,onClick:p},"Clear"),React.createElement(E,{variant:"primary",size:"small",tabIndex:-1},"Apply"))),e.map(p=>React.createElement("span",{key:p,className:"text-green-80"},p)),React.createElement("span",{className:"text-purple-100"},o))}var xe=Ye;function Je(){return React.createElement("div",null,React.createElement(xe,null))}var ye=Je;async function Ke(){return React.createElement(ye,null)}var Ue=Ke;
1
+ "use strict";var Be=Object.create;var I=Object.defineProperty;var He=Object.getOwnPropertyDescriptor;var Ae=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Fe=(e,t)=>{for(var o in t)I(e,o,{get:t[o],enumerable:!0})},oe=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ae(t))!Ge.call(e,i)&&i!==o&&I(e,i,{get:()=>t[i],enumerable:!(r=He(t,i))||r.enumerable});return e};var b=(e,t,o)=>(o=e!=null?Be(Oe(e)):{},oe(t||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e)),Ye=e=>oe(I({},"__esModule",{value:!0}),e);var lt={};Fe(lt,{default:()=>nt});module.exports=Ye(lt);var q=require("react");var C=require("react"),Ne=require("lucide-react"),ke=require("cva");var ae=require("clsx"),ie=require("tailwind-merge");function a(...e){return(0,ie.twMerge)((0,ae.clsx)(e))}var s=require("cmdk"),se=require("lucide-react"),x=b(require("react"),1);var l=b(require("@radix-ui/react-dialog"),1),re=require("lucide-react"),k=b(require("react"),1),d=require("react/jsx-runtime");var Je=l.Portal;var ne=k.forwardRef(({className:e,...t},o)=>(0,d.jsx)(l.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));ne.displayName=l.Overlay.displayName;var le=k.forwardRef(({className:e,children:t,...o},r)=>(0,d.jsxs)(Je,{children:[(0,d.jsx)(ne,{}),(0,d.jsxs)(l.Content,{ref:r,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",e),...o,children:[t,(0,d.jsxs)(l.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400",children:[(0,d.jsx)(re.X,{className:"h-4 w-4"}),(0,d.jsx)("span",{className:"sr-only",children:"Close"})]})]})]}));le.displayName=l.Content.displayName;var Ke=({className:e,...t})=>(0,d.jsx)("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Ke.displayName="DialogHeader";var Ue=({className:e,...t})=>(0,d.jsx)("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Ue.displayName="DialogFooter";var Xe=k.forwardRef(({className:e,...t},o)=>(0,d.jsx)(l.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));Xe.displayName=l.Title.displayName;var $e=k.forwardRef(({className:e,...t},o)=>(0,d.jsx)(l.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));$e.displayName=l.Description.displayName;var f=require("react/jsx-runtime"),B=x.forwardRef(({className:e,...t},o)=>(0,f.jsx)(s.Command,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));B.displayName=s.Command.displayName;var H=x.forwardRef(({className:e,...t},o)=>(0,f.jsxs)("div",{className:"m-1 flex items-center rounded-xl border px-3","cmdk-input-wrapper":"",children:[(0,f.jsx)(se.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,f.jsx)(s.Command.Input,{ref:o,className:a("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));H.displayName=s.Command.Input.displayName;var A=x.forwardRef(({className:e,...t},o)=>(0,f.jsx)(s.Command.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));A.displayName=s.Command.List.displayName;var O=x.forwardRef((e,t)=>(0,f.jsx)(s.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));O.displayName=s.Command.Empty.displayName;var G=x.forwardRef(({className:e,...t},o)=>(0,f.jsx)(s.Command.Group,{ref:o,className:a("overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",e),...t}));G.displayName=s.Command.Group.displayName;var qe=x.forwardRef(({className:e,...t},o)=>(0,f.jsx)(s.Command.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));qe.displayName=s.Command.Separator.displayName;var F=x.forwardRef(({className:e,...t},o)=>(0,f.jsx)(s.Command.Item,{ref:o,className:a("relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",e),...t}));F.displayName=s.Command.Item.displayName;var Qe=({className:e,...t})=>(0,f.jsx)("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});Qe.displayName="CommandShortcut";var me=b(require("react"),1),h=b(require("@radix-ui/react-popover"),1);var Y=require("react/jsx-runtime"),pe=h.Root,de=h.Trigger,J=me.forwardRef(({className:e,align:t="center",sideOffset:o=4,...r},i)=>(0,Y.jsx)(h.Portal,{children:(0,Y.jsx)(h.Content,{ref:i,align:t,sideOffset:o,className:a("z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r})}));J.displayName=h.Content.displayName;var K=b(require("@radix-ui/react-separator"),1),ce=b(require("react"),1);var fe=require("react/jsx-runtime"),U=ce.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...r},i)=>(0,fe.jsx)(K.Root,{ref:i,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));U.displayName=K.Root.displayName;var he=require("lucide-react");var w=b(require("@radix-ui/react-checkbox"),1),L=require("lucide-react"),X=require("react");var y=require("react/jsx-runtime"),ue=(0,X.forwardRef)(({className:e,...t},o)=>(0,y.jsx)(w.Root,{ref:o,className:a("group","peer","h-5","w-5","shrink-0","rounded-md","border","border-grey-10","outline","outline-1","outline-offset-2","outline-transparent","hover:border-grey-20","focus:outline-purple-100","active:border-green-80","disabled:cursor-not-allowed","disabled:opacity-50","data-[state=checked]:bg-green-80","data-[state=indeterminate]:bg-green-80","data-[state=checked]:text-white","data-[state=indeterminate]:text-primary-foreground",t.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",e),...t,children:(0,y.jsxs)(w.Indicator,{className:"flex items-center justify-center text-current",children:[(0,y.jsx)(L.Check,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),(0,y.jsx)(L.Minus,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"})]})}));ue.displayName=w.Root.displayName;var ge=(0,X.forwardRef)(({classNames:e,children:t,...o},r)=>{let{disabled:i}=o,c=o.id??`${o.name??o.value?.toString()}-checkbox`,m=i?"text-grey-40 pointer-events-none":"";return(0,y.jsxs)("div",{className:a("flex space-x-2",e?.wrapper),children:[(0,y.jsx)(ue,{id:c,disabled:i,ref:r,...o}),(0,y.jsx)("label",{htmlFor:c,className:a(m,e?.label),children:t})]})});ge.displayName="Checkbox";var ve=ge;var $=require("lucide-react"),v=require("react/jsx-runtime");function Ze({icon:e,hasCheckbox:t,isSelected:o,className:r,title:i,value:c,description:m,...W}){let T=e?(R=>{if(R in $.icons){let E=$.icons[R];return(0,v.jsx)(E,{size:14})}return null})(e):void 0;return(0,v.jsxs)("li",{className:a("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",r),...W,"data-state":o?"checked":"unchecked",children:[T&&(0,v.jsx)("span",{className:"mr-2",children:T}),t&&(0,v.jsx)(ve,{id:c,checked:o,onClick:R=>R.preventDefault()}),(0,v.jsxs)("div",{children:[(0,v.jsx)("p",{children:i}),(0,v.jsx)("p",{className:"text-xs text-grey-80",children:m})]}),(0,v.jsx)(he.CheckIcon,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16})]})}var ye=Ze;var be=require("cva");var Pe=require("react/jsx-runtime"),je=(0,be.cva)("rounded-full px-2 py-0.5 text-xs font-semibold",{variants:{variant:{green:"bg-green-90 text-white",pickle:"bg-pickle-100 text-black",purple:"bg-purple-100 text-white"}},defaultVariants:{variant:"green"}});function xe({className:e,variant:t,...o}){return(0,Pe.jsx)("div",{className:a(je({variant:t}),e),...o})}var Re=require("react/jsx-runtime");function et({text:e,className:t,...o}){return e?(0,Re.jsx)("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o,children:e}):null}var Ce=et;var n=require("react/jsx-runtime"),D=(0,C.forwardRef)((e,t)=>{let{value:o,label:r,options:i,classNames:c,multiselect:m,placeholder:W,variant:S="default",size:T,className:R,onChange:E,children:z}=e,[N,_]=(0,C.useState)([]),[Z,j]=(0,C.useState)(!1),Ve=i?.length<=5,M=S==="default",We=S==="chip",ee=()=>j(!1);(0,C.useEffect)(()=>{_(m?o??[]:o?[o]:[])},[o]);let ze=g=>{if(m)return _(P=>{let te=P.includes(g)?P.filter(Me=>Me!==g):[...P,g];return E?.(te),te});_([g]),E?.(g),ee()},_e=()=>{let g=N.length>0?N.join(", "):W;return M?g:r};return(0,n.jsxs)("div",{className:a("flex flex-col gap-2",R),children:[M&&r&&(0,n.jsx)(Ce,{text:r,className:c?.label}),(0,n.jsxs)(pe,{open:Z,onOpenChange:j,children:[(0,n.jsx)(de,{asChild:!0,disabled:i.length===0,children:(0,n.jsxs)("div",{ref:t,className:a(tt({variant:S,size:T}),c?.trigger),"aria-expanded":Z,children:[We&&N.length>0&&(0,n.jsx)(xe,{variant:"purple",children:N.length}),(0,n.jsx)("span",{className:a("truncate leading-normal",M&&N.length==0&&"text-grey-40"),children:_e()}),(0,n.jsx)(Ne.ChevronDownIcon,{className:"transform group-data-[state=open]:rotate-180",size:"16"})]})}),(0,n.jsx)(B,{children:(0,n.jsxs)(J,{className:a("flex w-full max-w-xs flex-col overflow-hidden p-0","max-h-[--radix-popover-content-available-height]",c?.content),collisionPadding:8,sideOffset:4,align:"start",children:[!Ve&&(0,n.jsx)(H,{placeholder:"Search..."}),(0,n.jsxs)(A,{children:[(0,n.jsx)(O,{children:"No results"}),(0,n.jsx)(G,{children:i.map(({id:g,...P})=>(0,n.jsx)(F,{value:P.value,onSelect:ze,children:(0,n.jsx)(ye,{className:a(c?.items,"truncate py-1"),isSelected:N?.includes(P.value),hasCheckbox:m,...P})},g))})]}),!!z&&(0,n.jsx)(U,{}),z&&z({close:ee})]})})]})]})});D.displayName="Combobox";var tt=(0,ke.cva)("group relative cursor-pointer flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5",{variants:{variant:{default:["w-full","max-w-80","rounded-lg"],chip:["font-bold","rounded-3xl","data-[state=open]:bg-black","data-[state=open]:text-white"]},size:{small:["h-8","p-1","pl-2","text-xs"],normal:["h-9","p-2","pl-3","text-sm"],large:["h-10","p-3","pl-4","text-base"]}},defaultVariants:{variant:"default",size:"normal"}});var we=require("@radix-ui/react-slot"),De=require("cva"),Se=require("react"),Te=require("react/jsx-runtime"),V=(0,Se.forwardRef)(({className:e,variant:t,size:o,asChild:r=!1,...i},c)=>(0,Te.jsx)(r?we.Slot:"button",{className:a(ot({variant:t,size:o,className:e})),ref:c,...i}));V.displayName="Button";var ot=(0,De.cva)(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});var u=require("react/jsx-runtime");function at(){let[e,t]=(0,q.useState)([]),[o,r]=(0,q.useState)(""),i=[{title:"Nirvana",value:"Nirvana",description:"Come As You Are",id:1},{title:"Pearl Jam",value:"Pearl Jam",description:"Jeremy",id:2},{title:"Soundgarden",value:"Soundgarden",description:"Rusty Cage",id:3},{title:"Alice in Chains",value:"Alice in Chains",description:"Would?",id:4},{title:"Stone Temple Pilots",value:"Stone Temple Pilots",id:5},{title:"Hole",value:"Hole",id:6},{title:"Mudhoney",value:"Mudhoney",id:7},{title:"Screaming Trees",value:"Screaming Trees",id:8},{title:"L7",value:"L7",id:9},{title:"Sonic Youth",value:"Sonic Youth",id:10},{title:"And You Will Know Us by the Trail of Dead",value:"And You Will Know Us by the Trail of Dead",id:11}];return(0,u.jsxs)("div",{className:"flex flex-row flex-wrap items-center gap-4 p-4",children:[(0,u.jsx)(D,{label:"US bands from the 90's",placeholder:"Select a band",options:i,multiselect:!0,onChange:t,value:e}),(0,u.jsx)(D,{label:"US bands from the 90's",options:i,variant:"chip",multiselect:!0,onChange:t,value:e}),(0,u.jsx)(D,{label:"Fruit label",variant:"chip",options:[{title:"Cherry",value:"Cherry",id:1,icon:"Cherry"},{title:"Grape",value:"Grape",id:2,icon:"Grape"}],value:o,onChange:r,children:({close:m})=>(0,u.jsxs)("div",{className:"flex flex-row items-center justify-between bg-white p-2 pl-4",children:[(0,u.jsx)(V,{variant:"link",tabIndex:-1,onClick:m,children:"Clear"}),(0,u.jsx)(V,{variant:"primary",size:"small",tabIndex:-1,children:"Apply"})]})}),e.map(m=>(0,u.jsx)("span",{className:"text-green-80",children:m},m)),(0,u.jsx)("span",{className:"text-purple-100",children:o})]})}var Ee=at;var Q=require("react/jsx-runtime");function it(){return(0,Q.jsx)("div",{children:(0,Q.jsx)(Ee,{})})}var Ie=it;var Le=require("react/jsx-runtime");async function rt(){return(0,Le.jsx)(Ie,{})}var nt=rt;
2
2
  //# sourceMappingURL=page.cjs.map
package/dist/app/page.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/app/page.tsx","../../src/components/demos/ComboboxDemo.tsx","../../src/components/ui/Combobox.tsx","../../src/lib/utils.ts","../../src/components/primitives/command.tsx","../../src/components/primitives/dialog.tsx","../../src/components/primitives/popover.tsx","../../src/components/primitives/separator.tsx","../../src/components/ui/ListItem.tsx","../../src/components/ui/Checkbox.tsx","../../src/components/ui/Badge.tsx","../../src/components/ui/Label.tsx","../../src/components/ui/Button.tsx","../../src/components/demos/index.tsx"],"sourcesContent":["import Demos from '@/components/demos'\n\nasync function Page() {\n return <Demos />\n}\n\nexport default Page\n","'use client'\n\nimport { useState } from 'react'\nimport { Combobox } from '@/components/ui/Combobox'\nimport { Button } from '@/components/ui/Button'\n\nfunction ComboboxDemo() {\n const [selectedBands, setSelectedBands] = useState<string[]>([])\n const [selectedFruit, setSelectedFruit] = useState<string>('')\n\n const bands = [\n {\n title: 'Nirvana',\n value: 'Nirvana',\n description: 'Come As You Are',\n id: 1,\n },\n { title: 'Pearl Jam', value: 'Pearl Jam', description: 'Jeremy', id: 2 },\n {\n title: 'Soundgarden',\n value: 'Soundgarden',\n description: 'Rusty Cage',\n id: 3,\n },\n {\n title: 'Alice in Chains',\n value: 'Alice in Chains',\n description: 'Would?',\n id: 4,\n },\n { title: 'Stone Temple Pilots', value: 'Stone Temple Pilots', id: 5 },\n { title: 'Hole', value: 'Hole', id: 6 },\n { title: 'Mudhoney', value: 'Mudhoney', id: 7 },\n { title: 'Screaming Trees', value: 'Screaming Trees', id: 8 },\n { title: 'L7', value: 'L7', id: 9 },\n { title: 'Sonic Youth', value: 'Sonic Youth', id: 10 },\n {\n title: 'And You Will Know Us by the Trail of Dead',\n value: 'And You Will Know Us by the Trail of Dead',\n id: 11,\n },\n ]\n\n const fruits = [\n { title: 'Cherry', value: 'Cherry', id: 1, icon: 'Cherry' },\n { title: 'Grape', value: 'Grape', id: 2, icon: 'Grape' },\n ]\n\n return (\n <div className=\"flex flex-row flex-wrap items-center gap-4 p-4\">\n <Combobox\n label=\"US bands from the 90's\"\n placeholder=\"Select a band\"\n options={bands}\n multiselect\n onChange={setSelectedBands}\n value={selectedBands}\n />\n <Combobox\n label=\"US bands from the 90's\"\n options={bands}\n variant=\"chip\"\n multiselect\n onChange={setSelectedBands}\n value={selectedBands}\n />\n <Combobox\n label=\"Fruit label\"\n variant=\"chip\"\n options={fruits}\n value={selectedFruit}\n onChange={setSelectedFruit}\n >\n {({ close }) => (\n <div className=\"flex flex-row items-center justify-between bg-white p-2 pl-4\">\n <Button variant=\"link\" tabIndex={-1} onClick={close}>\n Clear\n </Button>\n <Button variant=\"primary\" size=\"small\" tabIndex={-1}>\n Apply\n </Button>\n </div>\n )}\n </Combobox>\n {selectedBands.map((band) => (\n <span key={band} className=\"text-green-80\">\n {band}\n </span>\n ))}\n <span className=\"text-purple-100\">{selectedFruit}</span>\n </div>\n )\n}\n\nexport default ComboboxDemo\n","'use client'\n\nimport { ComponentProps, forwardRef, useEffect, useState } from 'react'\nimport { ChevronDownIcon } from 'lucide-react'\nimport { cva, type VariantProps } from 'cva'\nimport { cn } from '@/lib/utils'\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from '@/components/primitives/command'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Separator } from '@/components/primitives/separator'\n\nimport ListItem from '@/components/ui/ListItem'\nimport { Badge } from '@/components/ui/Badge'\nimport Label from '@/components/ui/Label'\n\ntype Children = { children?: (props: { close: () => void }) => JSX.Element }\ntype Option = { id: number; value: string; title: string; description?: string; icon?: string }\ntype ClassNames = { label?: string; trigger?: string; items?: string; content?: string }\ntype Shared = { label?: string; options: Option[]; classNames?: ClassNames; placeholder?: string }\ntype MultiSelect = { multiselect: true; value?: string[]; onChange?: (v: string[]) => void }\ntype SingleSelect = { multiselect?: false; value?: string; onChange?: (v: string) => void }\ntype TriggerVariants = VariantProps<typeof triggerVariants>\ntype SelectProps = Omit<ComponentProps<'select'>, 'value' | 'onChange' | 'size' | 'children'>\ntype MultiSelectProps = TriggerVariants & SelectProps & Children & Shared & MultiSelect\ntype SingleSelectProps = TriggerVariants & SelectProps & Children & Shared & SingleSelect\ntype ComboboxProps = MultiSelectProps | SingleSelectProps\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n const {\n value,\n label,\n options,\n classNames,\n multiselect,\n placeholder,\n variant = 'default',\n size,\n className,\n onChange: handleChange,\n children: footer,\n } = props\n const valueArray = multiselect ? (value ?? []) : value ? [value] : []\n const [selected, setSelected] = useState<string[]>(valueArray)\n const [open, setOpen] = useState(false)\n const hideSearchBox = options?.length <= 5\n const isDefault = variant === 'default'\n const isChip = variant === 'chip'\n const close = () => setOpen(false)\n\n useEffect(() => {\n multiselect ? handleChange?.(selected) : handleChange?.(selected[0])\n }, [selected])\n\n const handleSelect = (option: string) => {\n if (multiselect) {\n return setSelected((prev) =>\n prev.includes(option) ? prev.filter((v) => v !== option) : [...prev, option]\n )\n }\n setSelected([option])\n close()\n }\n\n const handleDisplayValue = () => {\n const defaultLabel = selected.length > 0 ? selected.join(', ') : placeholder\n return isDefault ? defaultLabel : label\n }\n\n return (\n <div className={cn('flex flex-col gap-2', className)}>\n {isDefault && label && <Label text={label} className={classNames?.label} />}\n\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild disabled={options.length === 0}>\n <div\n ref={ref}\n className={cn(triggerVariants({ variant, size }), classNames?.trigger)}\n aria-expanded={open}\n >\n {isChip && selected.length > 0 && <Badge variant=\"purple\">{selected.length}</Badge>}\n\n <span\n className={cn(\n 'truncate leading-normal',\n isDefault && selected.length == 0 && 'text-grey-40'\n )}\n >\n {handleDisplayValue()}\n </span>\n\n <ChevronDownIcon className=\"transform group-data-[state=open]:rotate-180\" size=\"16\" />\n </div>\n </PopoverTrigger>\n\n <Command>\n <PopoverContent\n className={cn(\n 'flex w-full max-w-xs flex-col overflow-hidden p-0',\n 'max-h-[--radix-popover-content-available-height]',\n classNames?.content\n )}\n collisionPadding={8}\n sideOffset={4}\n align=\"start\"\n >\n {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n\n <CommandList>\n <CommandEmpty>No results</CommandEmpty>\n <CommandGroup>\n {options.map(({ id, ...option }) => (\n <CommandItem key={id} value={option.value} onSelect={handleSelect}>\n <ListItem\n className={cn(classNames?.items, 'truncate py-1')}\n isSelected={selected?.includes(option.value)}\n hasCheckbox={multiselect}\n {...option}\n />\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n\n {!!footer && <Separator />}\n {footer && footer({ close })}\n </PopoverContent>\n </Command>\n </Popover>\n </div>\n )\n})\nCombobox.displayName = 'Combobox'\n\nconst triggerVariants = cva(\n 'group relative cursor-pointer flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5',\n {\n variants: {\n variant: {\n default: ['w-full', 'max-w-80', 'rounded-lg'],\n chip: [\n 'font-bold',\n 'rounded-3xl',\n 'data-[state=open]:bg-black',\n 'data-[state=open]:text-white',\n ],\n },\n size: {\n small: ['h-8', 'p-1', 'pl-2', 'text-xs'],\n normal: ['h-9', 'p-2', 'pl-3', 'text-sm'],\n large: ['h-10', 'p-3', 'pl-4', 'text-base'],\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'normal',\n },\n }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\n\nimport { Dialog, DialogContent } from '@/components/primitives/dialog'\n\nimport { cn } from '@/lib/utils'\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n 'flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950',\n className\n )}\n {...props}\n />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ntype CommandDialogProps = DialogProps\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <div className=\"m-1 flex items-center rounded-xl border px-3\" cmdk-input-wrapper=\"\">\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n {...props}\n />\n </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn('overflow-y-auto overflow-x-hidden', className)}\n {...props}\n />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n 'overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500',\n className\n )}\n {...props}\n />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn('-mx-1 h-px bg-neutral-200', className)}\n {...props}\n />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n className\n )}\n {...props}\n />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest text-neutral-500', className)}\n {...props}\n />\n )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n}\n","'use client'\n\nimport { cn } from '@/lib/utils'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950',\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n {...props}\n />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('text-sm text-neutral-500 dark:text-neutral-400', className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n}\n","'use client'\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n","'use client'\r\n\r\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\nconst Separator = React.forwardRef<\r\n React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\r\n <SeparatorPrimitive.Root\r\n ref={ref}\r\n decorative={decorative}\r\n orientation={orientation}\r\n className={cn(\r\n 'shrink-0 bg-grey-10',\r\n orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName\r\n\r\nexport { Separator }\r\n","import { cn } from '@/lib/utils'\nimport { CheckIcon } from 'lucide-react'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { icons } from 'lucide-react'\n\ntype IconKey = keyof typeof icons\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n icon?: string\n hasCheckbox?: boolean\n isSelected?: boolean\n title: string\n value: string\n description?: string\n}\n\nfunction ListItem({\n icon,\n hasCheckbox,\n isSelected,\n className,\n title,\n value,\n description,\n ...props\n}: ListItemProps) {\n const getIconIfValid = (icon: string): ReactNode => {\n if (icon in icons) {\n const IconComponent = icons[icon as IconKey]\n return <IconComponent size={14} />\n }\n return null\n }\n\n const optionIcon = icon ? getIconIfValid(icon) : undefined\n\n return (\n <li\n className={cn(\n 'group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm',\n className\n )}\n {...props}\n data-state={isSelected ? 'checked' : 'unchecked'}\n >\n {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n {hasCheckbox && (\n <Checkbox id={value} checked={isSelected} onClick={(e) => e.preventDefault()} />\n )}\n <div>\n <p>{title}</p>\n <p className=\"text-xs text-grey-80\">{description}</p>\n </div>\n\n <CheckIcon\n className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n size={16}\n />\n </li>\n )\n}\n\nexport default ListItem\n","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n type ComponentPropsWithoutRef,\n type ElementRef,\n forwardRef,\n type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst CheckboxToggle = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n 'group',\n 'peer',\n 'h-5',\n 'w-5',\n 'shrink-0',\n 'rounded-md',\n 'border',\n 'border-grey-10',\n 'outline',\n 'outline-1',\n 'outline-offset-2',\n 'outline-transparent',\n 'hover:border-grey-20',\n 'focus:outline-purple-100',\n 'active:border-green-80',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-50',\n 'data-[state=checked]:bg-green-80',\n 'data-[state=indeterminate]:bg-green-80',\n 'data-[state=checked]:text-white',\n 'data-[state=indeterminate]:text-primary-foreground',\n props.disabled &&\n 'data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n error?: string\n classNames?: {\n wrapper?: string\n label?: string\n }\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n ({ classNames, children, ...props }, ref) => {\n const { disabled } = props\n const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n const labelClassName = disabled ? 'text-grey-40 pointer-events-none' : ''\n return (\n <div className={cn('flex space-x-2', classNames?.wrapper)}>\n <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n {children}\n </label>\n </div>\n )\n }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n","import { cva, type VariantProps } from 'cva'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst badgeVariants = cva('rounded-full px-2 py-0.5 text-xs font-semibold', {\n variants: {\n variant: {\n green: 'bg-green-90 text-white',\n pickle: 'bg-pickle-100 text-black',\n purple: 'bg-purple-100 text-white',\n },\n },\n defaultVariants: {\n variant: 'green',\n },\n})\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />\n}\n\nexport { Badge, badgeVariants }\n","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n text?: string\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n if (!text) return null\n\n return (\n <label\n className={cn(\n 'text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n className\n )}\n {...props}\n >\n {text}\n </label>\n )\n}\n\nexport default Label\n","import { cn } from '@/lib/utils'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport React, { forwardRef } from 'react'\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Component = asChild ? Slot : 'button'\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\nconst buttonVariants = cva(\n [\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'rounded-full',\n 'font-bold',\n 'outline-2',\n 'outline-offset-2',\n 'outline-dashed',\n 'outline-transparent',\n ],\n {\n variants: {\n variant: {\n neutral: [\n 'bg-black',\n 'text-white',\n 'hover:bg-grey-90',\n 'active:bg-grey-80',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n primary: [\n 'bg-pickle-100',\n 'text-black',\n 'hover:bg-pickle-80',\n 'active:bg-pickle-60',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n secondary: [\n 'bg-green-80',\n 'text-white',\n 'hover:bg-green-90',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n transparent: [\n 'text-white',\n 'hover:bg-green-80',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n ],\n link: [\n 'leading-tight',\n 'text-black',\n 'underline',\n 'hover:text-purple-100',\n 'focus:text-black',\n 'focus:outline-purple-100',\n 'active:text-purple-80',\n ],\n },\n size: {\n small: ['h-10', 'text-sm', 'px-4', 'py-2'],\n medium: ['h-12', 'text-base', 'px-6', 'py-3'],\n large: ['h-14', 'text-lg', 'px-8', 'py-4'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n compoundVariants: [\n {\n variant: 'link',\n size: 'small',\n class: ['h-3', 'text-xs', 'p-0'],\n },\n {\n variant: 'link',\n size: 'medium',\n class: ['h-4', 'text-sm', 'p-0'],\n },\n {\n variant: 'link',\n size: 'large',\n class: ['h-6', 'text-base', 'p-0'],\n },\n ],\n }\n)\n","import ComboboxDemo from '@/components/demos/ComboboxDemo'\n\nfunction Demos() {\n return (\n <div>\n <ComboboxDemo />\n </div>\n )\n}\n\nexport default Demos\n"],"mappings":"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","names":["page_exports","__export","page_default","__toCommonJS","import_react","import_react","import_lucide_react","import_cva","import_clsx","import_tailwind_merge","cn","inputs","import_cmdk","import_lucide_react","React","DialogPrimitive","import_lucide_react","React","DialogPortal","DialogOverlay","className","props","ref","cn","DialogContent","children","DialogPortal","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Command","className","props","ref","CommandPrimitive","cn","CommandInput","className","props","ref","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","React","PopoverPrimitive","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","SeparatorPrimitive","React","Separator","className","orientation","decorative","props","ref","cn","import_lucide_react","CheckboxPrimitive","import_lucide_react","import_react","CheckboxToggle","className","props","ref","cn","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","import_lucide_react","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","ListItem_default","import_cva","React","badgeVariants","Badge","className","variant","props","cn","Label","text","className","props","cn","Label_default","Combobox","props","ref","value","label","options","classNames","multiselect","placeholder","variant","size","className","handleChange","footer","valueArray","selected","setSelected","open","setOpen","hideSearchBox","isDefault","isChip","close","handleSelect","option","prev","v","handleDisplayValue","defaultLabel","cn","Label_default","Popover","PopoverTrigger","triggerVariants","Badge","Command","PopoverContent","CommandInput","CommandList","CommandEmpty","CommandGroup","id","CommandItem","ListItem_default","Separator","import_react_slot","import_cva","import_react","Button","className","variant","size","asChild","props","ref","React","cn","buttonVariants","ComboboxDemo","selectedBands","setSelectedBands","selectedFruit","setSelectedFruit","bands","Combobox","close","Button","band","ComboboxDemo_default","Demos","ComboboxDemo_default","demos_default","Page","demos_default","page_default"]}
1
+ {"version":3,"sources":["../../src/app/page.tsx","../../src/components/demos/ComboboxDemo.tsx","../../src/components/ui/Combobox.tsx","../../src/lib/utils.ts","../../src/components/primitives/command.tsx","../../src/components/primitives/dialog.tsx","../../src/components/primitives/popover.tsx","../../src/components/primitives/separator.tsx","../../src/components/ui/ListItem.tsx","../../src/components/ui/Checkbox.tsx","../../src/components/ui/Badge.tsx","../../src/components/ui/Label.tsx","../../src/components/ui/Button.tsx","../../src/components/demos/index.tsx"],"sourcesContent":["import Demos from '@/components/demos'\n\nasync function Page() {\n return <Demos />\n}\n\nexport default Page\n","'use client'\n\nimport { useState } from 'react'\nimport { Combobox } from '@/components/ui/Combobox'\nimport { Button } from '@/components/ui/Button'\n\nfunction ComboboxDemo() {\n const [selectedBands, setSelectedBands] = useState<string[]>([])\n const [selectedFruit, setSelectedFruit] = useState<string>('')\n\n const bands = [\n {\n title: 'Nirvana',\n value: 'Nirvana',\n description: 'Come As You Are',\n id: 1,\n },\n { title: 'Pearl Jam', value: 'Pearl Jam', description: 'Jeremy', id: 2 },\n {\n title: 'Soundgarden',\n value: 'Soundgarden',\n description: 'Rusty Cage',\n id: 3,\n },\n {\n title: 'Alice in Chains',\n value: 'Alice in Chains',\n description: 'Would?',\n id: 4,\n },\n { title: 'Stone Temple Pilots', value: 'Stone Temple Pilots', id: 5 },\n { title: 'Hole', value: 'Hole', id: 6 },\n { title: 'Mudhoney', value: 'Mudhoney', id: 7 },\n { title: 'Screaming Trees', value: 'Screaming Trees', id: 8 },\n { title: 'L7', value: 'L7', id: 9 },\n { title: 'Sonic Youth', value: 'Sonic Youth', id: 10 },\n {\n title: 'And You Will Know Us by the Trail of Dead',\n value: 'And You Will Know Us by the Trail of Dead',\n id: 11,\n },\n ]\n\n const fruits = [\n { title: 'Cherry', value: 'Cherry', id: 1, icon: 'Cherry' },\n { title: 'Grape', value: 'Grape', id: 2, icon: 'Grape' },\n ]\n\n return (\n <div className=\"flex flex-row flex-wrap items-center gap-4 p-4\">\n <Combobox\n label=\"US bands from the 90's\"\n placeholder=\"Select a band\"\n options={bands}\n multiselect\n onChange={setSelectedBands}\n value={selectedBands}\n />\n <Combobox\n label=\"US bands from the 90's\"\n options={bands}\n variant=\"chip\"\n multiselect\n onChange={setSelectedBands}\n value={selectedBands}\n />\n <Combobox\n label=\"Fruit label\"\n variant=\"chip\"\n options={fruits}\n value={selectedFruit}\n onChange={setSelectedFruit}\n >\n {({ close }) => (\n <div className=\"flex flex-row items-center justify-between bg-white p-2 pl-4\">\n <Button variant=\"link\" tabIndex={-1} onClick={close}>\n Clear\n </Button>\n <Button variant=\"primary\" size=\"small\" tabIndex={-1}>\n Apply\n </Button>\n </div>\n )}\n </Combobox>\n {selectedBands.map((band) => (\n <span key={band} className=\"text-green-80\">\n {band}\n </span>\n ))}\n <span className=\"text-purple-100\">{selectedFruit}</span>\n </div>\n )\n}\n\nexport default ComboboxDemo\n","'use client'\n\nimport { ComponentProps, forwardRef, useEffect, useState } from 'react'\nimport { ChevronDownIcon } from 'lucide-react'\nimport { cva, type VariantProps } from 'cva'\nimport { cn } from '@/lib/utils'\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from '@/components/primitives/command'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Separator } from '@/components/primitives/separator'\n\nimport ListItem from '@/components/ui/ListItem'\nimport { Badge } from '@/components/ui/Badge'\nimport Label from '@/components/ui/Label'\n\ntype Children = { children?: (props: { close: () => void }) => JSX.Element }\ntype Option = { id: number; value: string; title: string; description?: string; icon?: string }\ntype ClassNames = { label?: string; trigger?: string; items?: string; content?: string }\ntype Shared = { label?: string; options: Option[]; classNames?: ClassNames; placeholder?: string }\ntype MultiSelect = { multiselect: true; value?: string[]; onChange?: (v: string[]) => void }\ntype SingleSelect = { multiselect?: false; value?: string; onChange?: (v: string) => void }\ntype TriggerVariants = VariantProps<typeof triggerVariants>\ntype SelectProps = Omit<ComponentProps<'select'>, 'value' | 'onChange' | 'size' | 'children'>\ntype MultiSelectProps = TriggerVariants & SelectProps & Children & Shared & MultiSelect\ntype SingleSelectProps = TriggerVariants & SelectProps & Children & Shared & SingleSelect\ntype ComboboxProps = MultiSelectProps | SingleSelectProps\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n const {\n value,\n label,\n options,\n classNames,\n multiselect,\n placeholder,\n variant = 'default',\n size,\n className,\n onChange: handleChange,\n children: footer,\n } = props\n const [selected, setSelected] = useState<string[]>([])\n const [open, setOpen] = useState(false)\n const hideSearchBox = options?.length <= 5\n const isDefault = variant === 'default'\n const isChip = variant === 'chip'\n const close = () => setOpen(false)\n\n useEffect(() => {\n const valueArray = multiselect ? (value ?? []) : value ? [value] : []\n setSelected(valueArray)\n }, [value])\n\n const handleSelect = (option: string) => {\n if (multiselect) {\n return setSelected((prev) => {\n const newSelected = prev.includes(option)\n ? prev.filter((v) => v !== option)\n : [...prev, option]\n handleChange?.(newSelected)\n return newSelected\n })\n }\n setSelected([option])\n handleChange?.(option)\n close()\n }\n\n const handleDisplayValue = () => {\n const defaultLabel = selected.length > 0 ? selected.join(', ') : placeholder\n return isDefault ? defaultLabel : label\n }\n\n return (\n <div className={cn('flex flex-col gap-2', className)}>\n {isDefault && label && <Label text={label} className={classNames?.label} />}\n\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild disabled={options.length === 0}>\n <div\n ref={ref}\n className={cn(triggerVariants({ variant, size }), classNames?.trigger)}\n aria-expanded={open}\n >\n {isChip && selected.length > 0 && <Badge variant=\"purple\">{selected.length}</Badge>}\n\n <span\n className={cn(\n 'truncate leading-normal',\n isDefault && selected.length == 0 && 'text-grey-40'\n )}\n >\n {handleDisplayValue()}\n </span>\n\n <ChevronDownIcon className=\"transform group-data-[state=open]:rotate-180\" size=\"16\" />\n </div>\n </PopoverTrigger>\n\n <Command>\n <PopoverContent\n className={cn(\n 'flex w-full max-w-xs flex-col overflow-hidden p-0',\n 'max-h-[--radix-popover-content-available-height]',\n classNames?.content\n )}\n collisionPadding={8}\n sideOffset={4}\n align=\"start\"\n >\n {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n\n <CommandList>\n <CommandEmpty>No results</CommandEmpty>\n <CommandGroup>\n {options.map(({ id, ...option }) => (\n <CommandItem key={id} value={option.value} onSelect={handleSelect}>\n <ListItem\n className={cn(classNames?.items, 'truncate py-1')}\n isSelected={selected?.includes(option.value)}\n hasCheckbox={multiselect}\n {...option}\n />\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n\n {!!footer && <Separator />}\n {footer && footer({ close })}\n </PopoverContent>\n </Command>\n </Popover>\n </div>\n )\n})\nCombobox.displayName = 'Combobox'\n\nconst triggerVariants = cva(\n 'group relative cursor-pointer flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5',\n {\n variants: {\n variant: {\n default: ['w-full', 'max-w-80', 'rounded-lg'],\n chip: [\n 'font-bold',\n 'rounded-3xl',\n 'data-[state=open]:bg-black',\n 'data-[state=open]:text-white',\n ],\n },\n size: {\n small: ['h-8', 'p-1', 'pl-2', 'text-xs'],\n normal: ['h-9', 'p-2', 'pl-3', 'text-sm'],\n large: ['h-10', 'p-3', 'pl-4', 'text-base'],\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'normal',\n },\n }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\n\nimport { Dialog, DialogContent } from '@/components/primitives/dialog'\n\nimport { cn } from '@/lib/utils'\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n 'flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950',\n className\n )}\n {...props}\n />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ntype CommandDialogProps = DialogProps\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <div className=\"m-1 flex items-center rounded-xl border px-3\" cmdk-input-wrapper=\"\">\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n {...props}\n />\n </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn('overflow-y-auto overflow-x-hidden', className)}\n {...props}\n />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n 'overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500',\n className\n )}\n {...props}\n />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn('-mx-1 h-px bg-neutral-200', className)}\n {...props}\n />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n className\n )}\n {...props}\n />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest text-neutral-500', className)}\n {...props}\n />\n )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n}\n","'use client'\n\nimport { cn } from '@/lib/utils'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950',\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n {...props}\n />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('text-sm text-neutral-500 dark:text-neutral-400', className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n}\n","'use client'\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n","'use client'\r\n\r\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\nconst Separator = React.forwardRef<\r\n React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\r\n <SeparatorPrimitive.Root\r\n ref={ref}\r\n decorative={decorative}\r\n orientation={orientation}\r\n className={cn(\r\n 'shrink-0 bg-grey-10',\r\n orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName\r\n\r\nexport { Separator }\r\n","import { cn } from '@/lib/utils'\nimport { CheckIcon } from 'lucide-react'\nimport { ComponentPropsWithoutRef, ReactNode } from 'react'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { icons } from 'lucide-react'\n\ntype IconKey = keyof typeof icons\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n icon?: string\n hasCheckbox?: boolean\n isSelected?: boolean\n title: string\n value: string\n description?: string\n}\n\nfunction ListItem({\n icon,\n hasCheckbox,\n isSelected,\n className,\n title,\n value,\n description,\n ...props\n}: ListItemProps) {\n const getIconIfValid = (icon: string): ReactNode => {\n if (icon in icons) {\n const IconComponent = icons[icon as IconKey]\n return <IconComponent size={14} />\n }\n return null\n }\n\n const optionIcon = icon ? getIconIfValid(icon) : undefined\n\n return (\n <li\n className={cn(\n 'group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm',\n className\n )}\n {...props}\n data-state={isSelected ? 'checked' : 'unchecked'}\n >\n {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n {hasCheckbox && (\n <Checkbox id={value} checked={isSelected} onClick={(e) => e.preventDefault()} />\n )}\n <div>\n <p>{title}</p>\n <p className=\"text-xs text-grey-80\">{description}</p>\n </div>\n\n <CheckIcon\n className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n size={16}\n />\n </li>\n )\n}\n\nexport default ListItem\n","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n type ComponentPropsWithoutRef,\n type ElementRef,\n forwardRef,\n type PropsWithChildren,\n} from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst CheckboxToggle = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n 'group',\n 'peer',\n 'h-5',\n 'w-5',\n 'shrink-0',\n 'rounded-md',\n 'border',\n 'border-grey-10',\n 'outline',\n 'outline-1',\n 'outline-offset-2',\n 'outline-transparent',\n 'hover:border-grey-20',\n 'focus:outline-purple-100',\n 'active:border-green-80',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-50',\n 'data-[state=checked]:bg-green-80',\n 'data-[state=indeterminate]:bg-green-80',\n 'data-[state=checked]:text-white',\n 'data-[state=indeterminate]:text-primary-foreground',\n props.disabled &&\n 'data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n error?: string\n classNames?: {\n wrapper?: string\n label?: string\n }\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n ({ classNames, children, ...props }, ref) => {\n const { disabled } = props\n const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n const labelClassName = disabled ? 'text-grey-40 pointer-events-none' : ''\n return (\n <div className={cn('flex space-x-2', classNames?.wrapper)}>\n <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n {children}\n </label>\n </div>\n )\n }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\n","import { cva, type VariantProps } from 'cva'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst badgeVariants = cva('rounded-full px-2 py-0.5 text-xs font-semibold', {\n variants: {\n variant: {\n green: 'bg-green-90 text-white',\n pickle: 'bg-pickle-100 text-black',\n purple: 'bg-purple-100 text-white',\n },\n },\n defaultVariants: {\n variant: 'green',\n },\n})\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />\n}\n\nexport { Badge, badgeVariants }\n","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n text?: string\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n if (!text) return null\n\n return (\n <label\n className={cn(\n 'text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n className\n )}\n {...props}\n >\n {text}\n </label>\n )\n}\n\nexport default Label\n","import { cn } from '@/lib/utils'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport React, { forwardRef } from 'react'\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Component = asChild ? Slot : 'button'\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\nButton.displayName = 'Button'\n\nconst buttonVariants = cva(\n [\n 'flex',\n 'items-center',\n 'justify-center',\n 'gap-2',\n 'rounded-full',\n 'font-bold',\n 'outline-2',\n 'outline-offset-2',\n 'outline-dashed',\n 'outline-transparent',\n ],\n {\n variants: {\n variant: {\n neutral: [\n 'bg-black',\n 'text-white',\n 'hover:bg-grey-90',\n 'active:bg-grey-80',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n primary: [\n 'bg-pickle-100',\n 'text-black',\n 'hover:bg-pickle-80',\n 'active:bg-pickle-60',\n 'focus:outline-purple-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n secondary: [\n 'bg-green-80',\n 'text-white',\n 'hover:bg-green-90',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n 'disabled:bg-grey-10',\n ],\n transparent: [\n 'text-white',\n 'hover:bg-green-80',\n 'active:bg-green-100',\n 'focus:outline-pickle-100',\n 'disabled:text-grey-40',\n ],\n link: [\n 'leading-tight',\n 'text-black',\n 'underline',\n 'hover:text-purple-100',\n 'focus:text-black',\n 'focus:outline-purple-100',\n 'active:text-purple-80',\n ],\n },\n size: {\n small: ['h-10', 'text-sm', 'px-4', 'py-2'],\n medium: ['h-12', 'text-base', 'px-6', 'py-3'],\n large: ['h-14', 'text-lg', 'px-8', 'py-4'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n compoundVariants: [\n {\n variant: 'link',\n size: 'small',\n class: ['h-3', 'text-xs', 'p-0'],\n },\n {\n variant: 'link',\n size: 'medium',\n class: ['h-4', 'text-sm', 'p-0'],\n },\n {\n variant: 'link',\n size: 'large',\n class: ['h-6', 'text-base', 'p-0'],\n },\n ],\n }\n)\n","import ComboboxDemo from '@/components/demos/ComboboxDemo'\n\nfunction Demos() {\n return (\n <div>\n <ComboboxDemo />\n </div>\n )\n}\n\nexport default Demos\n"],"mappings":"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","names":["page_exports","__export","page_default","__toCommonJS","import_react","import_react","import_lucide_react","import_cva","import_clsx","import_tailwind_merge","cn","inputs","import_cmdk","import_lucide_react","React","DialogPrimitive","import_lucide_react","React","import_jsx_runtime","DialogPortal","DialogOverlay","className","props","ref","cn","DialogContent","children","DialogPortal","DialogHeader","DialogFooter","DialogTitle","DialogDescription","import_jsx_runtime","Command","className","props","ref","CommandPrimitive","cn","CommandInput","className","props","ref","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","React","PopoverPrimitive","import_jsx_runtime","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","SeparatorPrimitive","React","import_jsx_runtime","Separator","className","orientation","decorative","props","ref","cn","import_lucide_react","CheckboxPrimitive","import_lucide_react","import_react","import_jsx_runtime","CheckboxToggle","className","props","ref","cn","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","import_lucide_react","import_jsx_runtime","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","ListItem_default","import_cva","import_jsx_runtime","badgeVariants","Badge","className","variant","props","cn","import_jsx_runtime","Label","text","className","props","cn","Label_default","import_jsx_runtime","Combobox","props","ref","value","label","options","classNames","multiselect","placeholder","variant","size","className","handleChange","footer","selected","setSelected","open","setOpen","hideSearchBox","isDefault","isChip","close","handleSelect","option","prev","newSelected","v","handleDisplayValue","defaultLabel","cn","Label_default","Popover","PopoverTrigger","triggerVariants","Badge","Command","PopoverContent","CommandInput","CommandList","CommandEmpty","CommandGroup","id","CommandItem","ListItem_default","Separator","import_react_slot","import_cva","import_react","import_jsx_runtime","Button","className","variant","size","asChild","props","ref","cn","buttonVariants","import_jsx_runtime","ComboboxDemo","selectedBands","setSelectedBands","selectedFruit","setSelectedFruit","bands","Combobox","close","Button","band","ComboboxDemo_default","import_jsx_runtime","Demos","ComboboxDemo_default","demos_default","import_jsx_runtime","Page","demos_default","page_default"]}
package/dist/app/page.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
 
3
- declare function Page(): Promise<React.JSX.Element>;
3
+ declare function Page(): Promise<react_jsx_runtime.JSX.Element>;
4
4
 
5
5
  export { Page as default };
package/dist/app/page.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
 
3
- declare function Page(): Promise<React.JSX.Element>;
3
+ declare function Page(): Promise<react_jsx_runtime.JSX.Element>;
4
4
 
5
5
  export { Page as default };
package/dist/app/page.js CHANGED
@@ -1,2 +1,2 @@
1
- import{useState as ae}from"react";import{forwardRef as Ee,useEffect as Ie,useState as oe}from"react";import{ChevronDownIcon as Le}from"lucide-react";import{cva as Ve}from"cva";import{clsx as ce}from"clsx";import{twMerge as fe}from"tailwind-merge";function a(...e){return fe(ce(e))}import{Command as p}from"cmdk";import{Search as be}from"lucide-react";import*as i from"react";import*as r from"@radix-ui/react-dialog";import{X as ue}from"lucide-react";import*as s from"react";var ge=r.Portal;var j=s.forwardRef(({className:e,...t},o)=>s.createElement(r.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));j.displayName=r.Overlay.displayName;var F=s.forwardRef(({className:e,children:t,...o},n)=>s.createElement(ge,null,s.createElement(j,null),s.createElement(r.Content,{ref:n,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",e),...o},t,s.createElement(r.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400"},s.createElement(ue,{className:"h-4 w-4"}),s.createElement("span",{className:"sr-only"},"Close")))));F.displayName=r.Content.displayName;var ve=({className:e,...t})=>s.createElement("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});ve.displayName="DialogHeader";var he=({className:e,...t})=>s.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});he.displayName="DialogFooter";var xe=s.forwardRef(({className:e,...t},o)=>s.createElement(r.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));xe.displayName=r.Title.displayName;var ye=s.forwardRef(({className:e,...t},o)=>s.createElement(r.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));ye.displayName=r.Description.displayName;var E=i.forwardRef(({className:e,...t},o)=>i.createElement(p,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));E.displayName=p.displayName;var I=i.forwardRef(({className:e,...t},o)=>i.createElement("div",{className:"m-1 flex items-center rounded-xl border px-3","cmdk-input-wrapper":""},i.createElement(be,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),i.createElement(p.Input,{ref:o,className:a("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",e),...t})));I.displayName=p.Input.displayName;var L=i.forwardRef(({className:e,...t},o)=>i.createElement(p.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));L.displayName=p.List.displayName;var V=i.forwardRef((e,t)=>i.createElement(p.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));V.displayName=p.Empty.displayName;var W=i.forwardRef(({className:e,...t},o)=>i.createElement(p.Group,{ref:o,className:a("overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",e),...t}));W.displayName=p.Group.displayName;var Pe=i.forwardRef(({className:e,...t},o)=>i.createElement(p.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));Pe.displayName=p.Separator.displayName;var z=i.forwardRef(({className:e,...t},o)=>i.createElement(p.Item,{ref:o,className:a("relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",e),...t}));z.displayName=p.Item.displayName;var Ce=({className:e,...t})=>i.createElement("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});Ce.displayName="CommandShortcut";import*as y from"react";import*as g from"@radix-ui/react-popover";var Y=g.Root,J=g.Trigger,_=y.forwardRef(({className:e,align:t="center",sideOffset:o=4,...n},l)=>y.createElement(g.Portal,null,y.createElement(g.Content,{ref:l,align:t,sideOffset:o,className:a("z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})));_.displayName=g.Content.displayName;import*as M from"@radix-ui/react-separator";import*as k from"react";var B=k.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...n},l)=>k.createElement(M.Root,{ref:l,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...n}));B.displayName=M.Root.displayName;import{CheckIcon as ke}from"lucide-react";import*as b from"@radix-ui/react-checkbox";import{Check as Re,Minus as Ne}from"lucide-react";import{forwardRef as K}from"react";var U=K(({className:e,...t},o)=>React.createElement(b.Root,{ref:o,className:a("group","peer","h-5","w-5","shrink-0","rounded-md","border","border-grey-10","outline","outline-1","outline-offset-2","outline-transparent","hover:border-grey-20","focus:outline-purple-100","active:border-green-80","disabled:cursor-not-allowed","disabled:opacity-50","data-[state=checked]:bg-green-80","data-[state=indeterminate]:bg-green-80","data-[state=checked]:text-white","data-[state=indeterminate]:text-primary-foreground",t.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",e),...t},React.createElement(b.Indicator,{className:"flex items-center justify-center text-current"},React.createElement(Re,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),React.createElement(Ne,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"}))));U.displayName=b.Root.displayName;var X=K(({classNames:e,children:t,...o},n)=>{let{disabled:l}=o,f=o.id??`${o.name??o.value?.toString()}-checkbox`,m=l?"text-grey-40 pointer-events-none":"";return React.createElement("div",{className:a("flex space-x-2",e?.wrapper)},React.createElement(U,{id:f,disabled:l,ref:n,...o}),React.createElement("label",{htmlFor:f,className:a(m,e?.label)},t))});X.displayName="Checkbox";var $=X;import{icons as q}from"lucide-react";function we({icon:e,hasCheckbox:t,isSelected:o,className:n,title:l,value:f,description:m,...D}){let R=e?(x=>{if(x in q){let N=q[x];return React.createElement(N,{size:14})}return null})(e):void 0;return React.createElement("li",{className:a("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",n),...D,"data-state":o?"checked":"unchecked"},R&&React.createElement("span",{className:"mr-2"},R),t&&React.createElement($,{id:f,checked:o,onClick:x=>x.preventDefault()}),React.createElement("div",null,React.createElement("p",null,l),React.createElement("p",{className:"text-xs text-grey-80"},m)),React.createElement(ke,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16}))}var Q=we;import{cva as De}from"cva";import*as Z from"react";var Se=De("rounded-full px-2 py-0.5 text-xs font-semibold",{variants:{variant:{green:"bg-green-90 text-white",pickle:"bg-pickle-100 text-black",purple:"bg-purple-100 text-white"}},defaultVariants:{variant:"green"}});function ee({className:e,variant:t,...o}){return Z.createElement("div",{className:a(Se({variant:t}),e),...o})}function Te({text:e,className:t,...o}){return e?React.createElement("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o},e):null}var te=Te;var P=Ee((e,t)=>{let{value:o,label:n,options:l,classNames:f,multiselect:m,placeholder:D,variant:C="default",size:R,className:x,onChange:N,children:S}=e,ne=m?o??[]:o?[o]:[],[u,H]=oe(ne),[A,O]=oe(!1),le=l?.length<=5,T=C==="default",se=C==="chip",G=()=>O(!1);Ie(()=>{N?.(m?u:u[0])},[u]);let me=v=>{if(m)return H(h=>h.includes(v)?h.filter(de=>de!==v):[...h,v]);H([v]),G()},pe=()=>{let v=u.length>0?u.join(", "):D;return T?v:n};return React.createElement("div",{className:a("flex flex-col gap-2",x)},T&&n&&React.createElement(te,{text:n,className:f?.label}),React.createElement(Y,{open:A,onOpenChange:O},React.createElement(J,{asChild:!0,disabled:l.length===0},React.createElement("div",{ref:t,className:a(We({variant:C,size:R}),f?.trigger),"aria-expanded":A},se&&u.length>0&&React.createElement(ee,{variant:"purple"},u.length),React.createElement("span",{className:a("truncate leading-normal",T&&u.length==0&&"text-grey-40")},pe()),React.createElement(Le,{className:"transform group-data-[state=open]:rotate-180",size:"16"}))),React.createElement(E,null,React.createElement(_,{className:a("flex w-full max-w-xs flex-col overflow-hidden p-0","max-h-[--radix-popover-content-available-height]",f?.content),collisionPadding:8,sideOffset:4,align:"start"},!le&&React.createElement(I,{placeholder:"Search..."}),React.createElement(L,null,React.createElement(V,null,"No results"),React.createElement(W,null,l.map(({id:v,...h})=>React.createElement(z,{key:v,value:h.value,onSelect:me},React.createElement(Q,{className:a(f?.items,"truncate py-1"),isSelected:u?.includes(h.value),hasCheckbox:m,...h}))))),!!S&&React.createElement(B,null),S&&S({close:G})))))});P.displayName="Combobox";var We=Ve("group relative cursor-pointer flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5",{variants:{variant:{default:["w-full","max-w-80","rounded-lg"],chip:["font-bold","rounded-3xl","data-[state=open]:bg-black","data-[state=open]:text-white"]},size:{small:["h-8","p-1","pl-2","text-xs"],normal:["h-9","p-2","pl-3","text-sm"],large:["h-10","p-3","pl-4","text-base"]}},defaultVariants:{variant:"default",size:"normal"}});import{Slot as ze}from"@radix-ui/react-slot";import{cva as _e}from"cva";import Me,{forwardRef as Be}from"react";var w=Be(({className:e,variant:t,size:o,asChild:n=!1,...l},f)=>Me.createElement(n?ze:"button",{className:a(He({variant:t,size:o,className:e})),ref:f,...l}));w.displayName="Button";var He=_e(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});function Ae(){let[e,t]=ae([]),[o,n]=ae(""),l=[{title:"Nirvana",value:"Nirvana",description:"Come As You Are",id:1},{title:"Pearl Jam",value:"Pearl Jam",description:"Jeremy",id:2},{title:"Soundgarden",value:"Soundgarden",description:"Rusty Cage",id:3},{title:"Alice in Chains",value:"Alice in Chains",description:"Would?",id:4},{title:"Stone Temple Pilots",value:"Stone Temple Pilots",id:5},{title:"Hole",value:"Hole",id:6},{title:"Mudhoney",value:"Mudhoney",id:7},{title:"Screaming Trees",value:"Screaming Trees",id:8},{title:"L7",value:"L7",id:9},{title:"Sonic Youth",value:"Sonic Youth",id:10},{title:"And You Will Know Us by the Trail of Dead",value:"And You Will Know Us by the Trail of Dead",id:11}];return React.createElement("div",{className:"flex flex-row flex-wrap items-center gap-4 p-4"},React.createElement(P,{label:"US bands from the 90's",placeholder:"Select a band",options:l,multiselect:!0,onChange:t,value:e}),React.createElement(P,{label:"US bands from the 90's",options:l,variant:"chip",multiselect:!0,onChange:t,value:e}),React.createElement(P,{label:"Fruit label",variant:"chip",options:[{title:"Cherry",value:"Cherry",id:1,icon:"Cherry"},{title:"Grape",value:"Grape",id:2,icon:"Grape"}],value:o,onChange:n},({close:m})=>React.createElement("div",{className:"flex flex-row items-center justify-between bg-white p-2 pl-4"},React.createElement(w,{variant:"link",tabIndex:-1,onClick:m},"Clear"),React.createElement(w,{variant:"primary",size:"small",tabIndex:-1},"Apply"))),e.map(m=>React.createElement("span",{key:m,className:"text-green-80"},m)),React.createElement("span",{className:"text-purple-100"},o))}var ie=Ae;function Oe(){return React.createElement("div",null,React.createElement(ie,null))}var re=Oe;async function Ge(){return React.createElement(re,null)}var oo=Ge;export{oo as default};
1
+ import{useState as ue}from"react";import{forwardRef as Ke,useEffect as Ue,useState as fe}from"react";import{ChevronDownIcon as Xe}from"lucide-react";import{cva as $e}from"cva";import{clsx as Ne}from"clsx";import{twMerge as ke}from"tailwind-merge";function a(...e){return ke(Ne(e))}import{Command as l}from"cmdk";import{Search as Le}from"lucide-react";import*as h from"react";import*as i from"@radix-ui/react-dialog";import{X as we}from"lucide-react";import*as R from"react";import{jsx as v,jsxs as _}from"react/jsx-runtime";var De=i.Portal;var q=R.forwardRef(({className:e,...t},o)=>v(i.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));q.displayName=i.Overlay.displayName;var Q=R.forwardRef(({className:e,children:t,...o},r)=>_(De,{children:[v(q,{}),_(i.Content,{ref:r,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",e),...o,children:[t,_(i.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400",children:[v(we,{className:"h-4 w-4"}),v("span",{className:"sr-only",children:"Close"})]})]})]}));Q.displayName=i.Content.displayName;var Se=({className:e,...t})=>v("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Se.displayName="DialogHeader";var Te=({className:e,...t})=>v("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Te.displayName="DialogFooter";var Ee=R.forwardRef(({className:e,...t},o)=>v(i.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));Ee.displayName=i.Title.displayName;var Ie=R.forwardRef(({className:e,...t},o)=>v(i.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));Ie.displayName=i.Description.displayName;import{jsx as u,jsxs as ze}from"react/jsx-runtime";var M=h.forwardRef(({className:e,...t},o)=>u(l,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));M.displayName=l.displayName;var B=h.forwardRef(({className:e,...t},o)=>ze("div",{className:"m-1 flex items-center rounded-xl border px-3","cmdk-input-wrapper":"",children:[u(Le,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),u(l.Input,{ref:o,className:a("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));B.displayName=l.Input.displayName;var H=h.forwardRef(({className:e,...t},o)=>u(l.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));H.displayName=l.List.displayName;var A=h.forwardRef((e,t)=>u(l.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));A.displayName=l.Empty.displayName;var O=h.forwardRef(({className:e,...t},o)=>u(l.Group,{ref:o,className:a("overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",e),...t}));O.displayName=l.Group.displayName;var Ve=h.forwardRef(({className:e,...t},o)=>u(l.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));Ve.displayName=l.Separator.displayName;var G=h.forwardRef(({className:e,...t},o)=>u(l.Item,{ref:o,className:a("relative flex cursor-pointer select-none items-center rounded-xl px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",e),...t}));G.displayName=l.Item.displayName;var We=({className:e,...t})=>u("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});We.displayName="CommandShortcut";import*as j from"react";import*as g from"@radix-ui/react-popover";import{jsx as Z}from"react/jsx-runtime";var ee=g.Root,te=g.Trigger,F=j.forwardRef(({className:e,align:t="center",sideOffset:o=4,...r},n)=>Z(g.Portal,{children:Z(g.Content,{ref:n,align:t,sideOffset:o,className:a("z-50 rounded-2xl border bg-white p-4 text-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r})}));F.displayName=g.Content.displayName;import*as Y from"@radix-ui/react-separator";import*as oe from"react";import{jsx as _e}from"react/jsx-runtime";var J=oe.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...r},n)=>_e(Y.Root,{ref:n,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));J.displayName=Y.Root.displayName;import{CheckIcon as He}from"lucide-react";import*as k from"@radix-ui/react-checkbox";import{Check as Me,Minus as Be}from"lucide-react";import{forwardRef as ae}from"react";import{jsx as N,jsxs as le}from"react/jsx-runtime";var ie=ae(({className:e,...t},o)=>N(k.Root,{ref:o,className:a("group","peer","h-5","w-5","shrink-0","rounded-md","border","border-grey-10","outline","outline-1","outline-offset-2","outline-transparent","hover:border-grey-20","focus:outline-purple-100","active:border-green-80","disabled:cursor-not-allowed","disabled:opacity-50","data-[state=checked]:bg-green-80","data-[state=indeterminate]:bg-green-80","data-[state=checked]:text-white","data-[state=indeterminate]:text-primary-foreground",t.disabled&&"data-[state=checked]:text-foreground bg-grey-20 data-[state=checked]:bg-grey-20",e),...t,children:le(k.Indicator,{className:"flex items-center justify-center text-current",children:[N(Me,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),N(Be,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"})]})}));ie.displayName=k.Root.displayName;var re=ae(({classNames:e,children:t,...o},r)=>{let{disabled:n}=o,d=o.id??`${o.name??o.value?.toString()}-checkbox`,s=n?"text-grey-40 pointer-events-none":"";return le("div",{className:a("flex space-x-2",e?.wrapper),children:[N(ie,{id:d,disabled:n,ref:r,...o}),N("label",{htmlFor:d,className:a(s,e?.label),children:t})]})});re.displayName="Checkbox";var ne=re;import{icons as se}from"lucide-react";import{jsx as C,jsxs as me}from"react/jsx-runtime";function Ae({icon:e,hasCheckbox:t,isSelected:o,className:r,title:n,value:d,description:s,...L}){let T=e?(x=>{if(x in se){let E=se[x];return C(E,{size:14})}return null})(e):void 0;return me("li",{className:a("group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",r),...L,"data-state":o?"checked":"unchecked",children:[T&&C("span",{className:"mr-2",children:T}),t&&C(ne,{id:d,checked:o,onClick:x=>x.preventDefault()}),me("div",{children:[C("p",{children:n}),C("p",{className:"text-xs text-grey-80",children:s})]}),C(He,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16})]})}var pe=Ae;import{cva as Oe}from"cva";import{jsx as Fe}from"react/jsx-runtime";var Ge=Oe("rounded-full px-2 py-0.5 text-xs font-semibold",{variants:{variant:{green:"bg-green-90 text-white",pickle:"bg-pickle-100 text-black",purple:"bg-purple-100 text-white"}},defaultVariants:{variant:"green"}});function de({className:e,variant:t,...o}){return Fe("div",{className:a(Ge({variant:t}),e),...o})}import{jsx as Je}from"react/jsx-runtime";function Ye({text:e,className:t,...o}){return e?Je("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o,children:e}):null}var ce=Ye;import{jsx as c,jsxs as w}from"react/jsx-runtime";var D=Ke((e,t)=>{let{value:o,label:r,options:n,classNames:d,multiselect:s,placeholder:L,variant:S="default",size:T,className:x,onChange:E,children:V}=e,[P,W]=fe([]),[K,U]=fe(!1),be=n?.length<=5,z=S==="default",xe=S==="chip",X=()=>U(!1);Ue(()=>{W(s?o??[]:o?[o]:[])},[o]);let Pe=f=>{if(s)return W(y=>{let $=y.includes(f)?y.filter(Re=>Re!==f):[...y,f];return E?.($),$});W([f]),E?.(f),X()},Ce=()=>{let f=P.length>0?P.join(", "):L;return z?f:r};return w("div",{className:a("flex flex-col gap-2",x),children:[z&&r&&c(ce,{text:r,className:d?.label}),w(ee,{open:K,onOpenChange:U,children:[c(te,{asChild:!0,disabled:n.length===0,children:w("div",{ref:t,className:a(qe({variant:S,size:T}),d?.trigger),"aria-expanded":K,children:[xe&&P.length>0&&c(de,{variant:"purple",children:P.length}),c("span",{className:a("truncate leading-normal",z&&P.length==0&&"text-grey-40"),children:Ce()}),c(Xe,{className:"transform group-data-[state=open]:rotate-180",size:"16"})]})}),c(M,{children:w(F,{className:a("flex w-full max-w-xs flex-col overflow-hidden p-0","max-h-[--radix-popover-content-available-height]",d?.content),collisionPadding:8,sideOffset:4,align:"start",children:[!be&&c(B,{placeholder:"Search..."}),w(H,{children:[c(A,{children:"No results"}),c(O,{children:n.map(({id:f,...y})=>c(G,{value:y.value,onSelect:Pe,children:c(pe,{className:a(d?.items,"truncate py-1"),isSelected:P?.includes(y.value),hasCheckbox:s,...y})},f))})]}),!!V&&c(J,{}),V&&V({close:X})]})})]})]})});D.displayName="Combobox";var qe=$e("group relative cursor-pointer flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5",{variants:{variant:{default:["w-full","max-w-80","rounded-lg"],chip:["font-bold","rounded-3xl","data-[state=open]:bg-black","data-[state=open]:text-white"]},size:{small:["h-8","p-1","pl-2","text-xs"],normal:["h-9","p-2","pl-3","text-sm"],large:["h-10","p-3","pl-4","text-base"]}},defaultVariants:{variant:"default",size:"normal"}});import{Slot as Qe}from"@radix-ui/react-slot";import{cva as Ze}from"cva";import{forwardRef as je}from"react";import{jsx as tt}from"react/jsx-runtime";var I=je(({className:e,variant:t,size:o,asChild:r=!1,...n},d)=>tt(r?Qe:"button",{className:a(et({variant:t,size:o,className:e})),ref:d,...n}));I.displayName="Button";var et=Ze(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});import{jsx as b,jsxs as ge}from"react/jsx-runtime";function ot(){let[e,t]=ue([]),[o,r]=ue(""),n=[{title:"Nirvana",value:"Nirvana",description:"Come As You Are",id:1},{title:"Pearl Jam",value:"Pearl Jam",description:"Jeremy",id:2},{title:"Soundgarden",value:"Soundgarden",description:"Rusty Cage",id:3},{title:"Alice in Chains",value:"Alice in Chains",description:"Would?",id:4},{title:"Stone Temple Pilots",value:"Stone Temple Pilots",id:5},{title:"Hole",value:"Hole",id:6},{title:"Mudhoney",value:"Mudhoney",id:7},{title:"Screaming Trees",value:"Screaming Trees",id:8},{title:"L7",value:"L7",id:9},{title:"Sonic Youth",value:"Sonic Youth",id:10},{title:"And You Will Know Us by the Trail of Dead",value:"And You Will Know Us by the Trail of Dead",id:11}];return ge("div",{className:"flex flex-row flex-wrap items-center gap-4 p-4",children:[b(D,{label:"US bands from the 90's",placeholder:"Select a band",options:n,multiselect:!0,onChange:t,value:e}),b(D,{label:"US bands from the 90's",options:n,variant:"chip",multiselect:!0,onChange:t,value:e}),b(D,{label:"Fruit label",variant:"chip",options:[{title:"Cherry",value:"Cherry",id:1,icon:"Cherry"},{title:"Grape",value:"Grape",id:2,icon:"Grape"}],value:o,onChange:r,children:({close:s})=>ge("div",{className:"flex flex-row items-center justify-between bg-white p-2 pl-4",children:[b(I,{variant:"link",tabIndex:-1,onClick:s,children:"Clear"}),b(I,{variant:"primary",size:"small",tabIndex:-1,children:"Apply"})]})}),e.map(s=>b("span",{className:"text-green-80",children:s},s)),b("span",{className:"text-purple-100",children:o})]})}var ve=ot;import{jsx as he}from"react/jsx-runtime";function at(){return he("div",{children:he(ve,{})})}var ye=at;import{jsx as rt}from"react/jsx-runtime";async function it(){return rt(ye,{})}var Vo=it;export{Vo as default};
2
2
  //# sourceMappingURL=page.js.map