@incognia/cosmik 1.0.2 → 1.0.4

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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Filter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAGL,mBAAmB,EAEpB,MAAM,YAAY,CAAA;AAGnB,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,cAAc,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;QACzC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAA;KACtB,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,KAAK,oBAAoB,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,CAAA;AAED,KAAK,sBAAsB,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG;IACpD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,aAAa,CAAC,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,KAAK,WAAW,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAA;AAEzE,iBAAS,MAAM,CAAC,CAAC,EAAE,EACjB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,OAAO,EACP,YAAiB,EACjB,WAAgB,EAChB,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAgGhB;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Filter/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAGL,mBAAmB,EAEpB,MAAM,YAAY,CAAA;AAGnB,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,cAAc,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;QACzC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAA;KACtB,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,KAAK,oBAAoB,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,CAAA;AAED,KAAK,sBAAsB,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG;IACpD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,aAAa,CAAC,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,KAAK,WAAW,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAA;AAEzE,iBAAS,MAAM,CAAC,CAAC,EAAE,EACjB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,OAAO,EACP,YAAiB,EACjB,WAAgB,EAChB,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAqHhB;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
@@ -2,8 +2,11 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
2
2
  import * as React from 'react';
3
3
  declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
- declare function PopoverContent({ className, align, sideOffset, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
5
+ declare function PopoverContent({ className, align, sideOffset, portalled, container, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
6
6
  declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
7
- export type PopoverContentProps = React.ComponentProps<typeof PopoverPrimitive.Content>;
7
+ export type PopoverContentProps = React.ComponentProps<typeof PopoverPrimitive.Content> & {
8
+ portalled?: boolean;
9
+ container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container'];
10
+ };
8
11
  export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
9
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAerB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CACpD,OAAO,gBAAgB,CAAC,OAAO,CAChC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,SAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAqBrB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CACpD,OAAO,gBAAgB,CAAC,OAAO,CAChC,GAAG;IACF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAA;CAC9E,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
package/dist/cosmik.css CHANGED
@@ -1 +1 @@
1
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--container-sm:24rem;--container-lg:32rem;--tracking-tight:-.025em;--tracking-widest:.1em;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--font-default:"Inter Variable",sans-serif;--color-white:#fff;--color-gray-50:#fafcfb;--color-gray-100:#f5f7f6;--color-gray-200:#eef0ef;--color-gray-300:#e3e5e4;--color-gray-400:#d7d9d8;--color-gray-500:#bdbfbe;--color-gray-600:#9ea09f;--color-gray-700:#757776;--color-gray-800:#616362;--color-gray-900:#3d3f3e;--color-green-50:#f5faf1;--color-green-200:#c8e5b7;--color-green-500:#74b75b;--color-green-700:#47823a;--color-green-800:#356a2a;--color-magenta-50:#fdf0f2;--color-magenta-100:#f9d1d9;--color-magenta-500:#e42e61;--color-magenta-600:#d7285c;--color-magenta-700:#c92c46;--color-magenta-800:#b12a3e;--color-purple-50:#fcf2fb;--color-purple-100:#f0dfed;--color-purple-200:#dcc5d7;--color-purple-300:#c8b1c5;--color-purple-400:#ae93ab;--color-purple-500:#9a7e99;--color-purple-600:#876888;--color-purple-700:#715073;--color-purple-800:#5c4060;--color-purple-900:#47304d;--color-robinblue-100:#c6e6e1;--color-robinblue-200:#a0d5d2;--color-robinblue-500:#0098a3;--color-robinblue-600:#007a85;--color-robinblue-700:#006771;--color-robinblue-800:#005056;--color-robinblue-900:#003d40;--color-yellow-50:#fdf6eb;--color-yellow-200:#f4d59e;--color-yellow-500:#e78f23;--color-yellow-600:#d9771e;--color-yellow-700:#c85f1a;--color-yellow-800:#b64715;--color-chart-purple:#9a2e94;--spacing:.25rem;--spacing-0:0;--spacing-2:2px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-96:96px;--text-sm:12px;--text-base:14px;--text-lg:18px;--text-xl:20px;--font-weight-thin:200;--font-weight-normal:400;--font-weight-medium:600;--leading-14:14px;--leading-20:20px;--leading-24:24px;--radius-none:0;--radius:4px;--radius-full:9999px;--animate-loading-ellipsis1:ellipsis1 .6s infinite;--animate-loading-ellipsis2:ellipsis2 .6s infinite;--animate-loading-ellipsis3:ellipsis3 .6s infinite;--animate-page-loader:pageLoader 5s ease}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-cyrillic-ext-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-cyrillic-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-greek-ext-wght-normal.woff2)format("woff2-variations");unicode-range:"U+1F00-1FFF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-greek-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0370-03FF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-vietnamese-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-latin-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"}*{font-synthesis:style small-caps}*,:before,:after{border-color:var(--color-gray-400)}body{font-family:var(--font-default);font-size:var(--text-base);--tw-leading:var(--leading-20);line-height:var(--leading-20);color:var(--color-gray-900)}h1,h2{font-size:var(--text-lg);--tw-leading:var(--leading-24);line-height:var(--leading-24);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}a{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-robinblue-500)}a:hover{color:var(--color-robinblue-600)}a:active{color:var(--color-robinblue-700)}::placeholder,input::placeholder,textarea::placeholder{color:var(--color-gray-700);opacity:1}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:var(--spacing-0)}.inset-x-0{inset-inline:var(--spacing-0)}.inset-y-0{inset-block:var(--spacing-0)}.top-0{top:var(--spacing-0)}.top-1\/2{top:50%}.top-8{top:var(--spacing-8)}.top-16{top:var(--spacing-16)}.top-24{top:var(--spacing-24)}.top-\[18px\]{top:18px}.right-0{right:var(--spacing-0)}.right-8{right:var(--spacing-8)}.right-16{right:var(--spacing-16)}.bottom-0{bottom:var(--spacing-0)}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.left-8{left:var(--spacing-8)}.left-32{left:var(--spacing-32)}.left-\[50\%\]{left:50%}.left-\[56px\]{left:56px}.left-auto{left:auto}.z-48{z-index:48}.z-50{z-index:50}.z-60{z-index:60}.col-span-3{grid-column:span 3/span 3}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.-mx-4{margin-inline:calc(var(--spacing-4)*-1)}.-mx-8{margin-inline:calc(var(--spacing-8)*-1)}.mx-8{margin-inline:var(--spacing-8)}.mx-16{margin-inline:var(--spacing-16)}.mx-auto{margin-inline:auto}.my-4{margin-block:var(--spacing-4)}.my-8{margin-block:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mt-16{margin-top:var(--spacing-16)}.mt-\[200px\]{margin-top:200px}.mr-4{margin-right:var(--spacing-4)}.mr-8{margin-right:var(--spacing-8)}.-mb-8{margin-bottom:calc(var(--spacing-8)*-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.ml-4{margin-left:var(--spacing-4)}.ml-24{margin-left:var(--spacing-24)}.ml-\[-2ch\]{margin-left:-2ch}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-8{width:var(--spacing-8);height:var(--spacing-8)}.size-16{width:var(--spacing-16);height:var(--spacing-16)}.size-24{width:var(--spacing-24);height:var(--spacing-24)}.size-32{width:var(--spacing-32);height:var(--spacing-32)}.size-\[10px\]{width:10px;height:10px}.size-\[14px\]{width:14px;height:14px}.size-auto{width:auto;height:auto}.h-\(--cell-size\){height:var(--cell-size)}.h-4{height:var(--spacing-4)}.h-12{height:var(--spacing-12)}.h-16{height:var(--spacing-16)}.h-24{height:var(--spacing-24)}.h-32{height:var(--spacing-32)}.h-40{height:var(--spacing-40)}.h-48{height:var(--spacing-48)}.h-64{height:var(--spacing-64)}.h-\[14px\]{height:14px}.h-\[20px\]{height:20px}.h-\[26px\]{height:26px}.h-\[36px\]{height:36px}.h-\[42px\]{height:42px}.h-\[44px\]{height:44px}.h-\[54px\]{height:54px}.h-\[125px\]{height:125px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-screen{max-height:100vh}.min-h-16{min-height:var(--spacing-16)}.min-h-40{min-height:var(--spacing-40)}.min-h-\[36px\]{min-height:36px}.min-h-\[60px\]{min-height:60px}.min-h-full{min-height:100%}.w-\(--cell-size\){width:var(--cell-size)}.w-3\/4{width:75%}.w-12{width:var(--spacing-12)}.w-16{width:var(--spacing-16)}.w-32{width:var(--spacing-32)}.w-48{width:var(--spacing-48)}.w-\[14px\]{width:14px}.w-\[20px\]{width:20px}.w-\[26px\]{width:26px}.w-\[36px\]{width:36px}.w-\[50px\]{width:50px}.w-\[76px\]{width:76px}.w-\[200px\]{width:200px}.w-\[238px\]{width:238px}.w-\[250px\]{width:250px}.w-\[288px\]{width:288px}.w-\[388px\]{width:388px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[384px\]{max-width:384px}.max-w-\[400px\]{max-width:400px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:var(--spacing-0)}.min-w-96{min-width:var(--spacing-96)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[200px\]{min-width:200px}.min-w-\[340px\]{min-width:340px}.min-w-\[384px\]{min-width:384px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-y-8{--tw-border-spacing-y:var(--spacing-8);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-loading-ellipsis1{animation:var(--animate-loading-ellipsis1)}.animate-loading-ellipsis2{animation:var(--animate-loading-ellipsis2)}.animate-loading-ellipsis3{animation:var(--animate-loading-ellipsis3)}.animate-page-loader{animation:var(--animate-page-loader)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.scroll-my-4{scroll-margin-block:var(--spacing-4)}.scroll-py-4{scroll-padding-block:var(--spacing-4)}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-8{gap:var(--spacing-8)}.gap-16{gap:var(--spacing-16)}.gap-24{gap:var(--spacing-24)}.gap-\[6px\]{gap:6px}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-8)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-12)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-16)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-16)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:var(--spacing-4)}.gap-x-8{column-gap:var(--spacing-8)}.gap-x-12{column-gap:var(--spacing-12)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-2)*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-4)*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-8)*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-8)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-16>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-16)*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-16)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-8{row-gap:var(--spacing-8)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius)}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px;border-radius:var(--radius-full)}.rounded-none{border-radius:0;border-radius:var(--radius-none)}.rounded-l{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-r{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900\/8{border-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.border-gray-900\/8{border-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.border-gray-900\/16{border-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.border-gray-900\/16{border-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}.border-gray-900\/24{border-color:#3d3f3e3d}@supports (color:color-mix(in lab,red,red)){.border-gray-900\/24{border-color:color-mix(in oklab,var(--color-gray-900)24%,transparent)}}.border-gray-900\/48{border-color:#3d3f3e7a}@supports (color:color-mix(in lab,red,red)){.border-gray-900\/48{border-color:color-mix(in oklab,var(--color-gray-900)48%,transparent)}}.border-green-200{border-color:var(--color-green-200)}.border-green-800{border-color:var(--color-green-800)}.border-magenta-100{border-color:var(--color-magenta-100)}.border-magenta-500{border-color:var(--color-magenta-500)}.border-magenta-800{border-color:var(--color-magenta-800)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-400{border-color:var(--color-purple-400)}.border-purple-700{border-color:var(--color-purple-700)}.border-purple-800{border-color:var(--color-purple-800)}.border-robinblue-200{border-color:var(--color-robinblue-200)}.border-robinblue-800{border-color:var(--color-robinblue-800)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-800{border-color:var(--color-yellow-800)}.bg-chart-purple{background-color:var(--color-chart-purple)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900\/4{background-color:#3d3f3e0a}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/4{background-color:color-mix(in oklab,var(--color-gray-900)4%,transparent)}}.bg-gray-900\/8{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/8{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.bg-gray-900\/16{background-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/16{background-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}.bg-gray-900\/24{background-color:#3d3f3e3d}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/24{background-color:color-mix(in oklab,var(--color-gray-900)24%,transparent)}}.bg-gray-900\/48{background-color:#3d3f3e7a}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/48{background-color:color-mix(in oklab,var(--color-gray-900)48%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-700{background-color:var(--color-green-700)}.bg-magenta-50{background-color:var(--color-magenta-50)}.bg-magenta-500{background-color:var(--color-magenta-500)}.bg-magenta-700{background-color:var(--color-magenta-700)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-robinblue-100{background-color:var(--color-robinblue-100)}.bg-robinblue-700{background-color:var(--color-robinblue-700)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-50{--tw-gradient-to:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-gray-700{fill:var(--color-gray-700)}.fill-gray-900{fill:var(--color-gray-900)}.fill-magenta-500{fill:var(--color-magenta-500)}.fill-purple-600{fill:var(--color-purple-600)}.fill-purple-700{fill:var(--color-purple-700)}.fill-purple-800{fill:var(--color-purple-800)}.fill-robinblue-500{fill:var(--color-robinblue-500)}.fill-white{fill:var(--color-white)}.fill-yellow-500{fill:var(--color-yellow-500)}.p-0{padding:var(--spacing-0)}.p-4{padding:var(--spacing-4)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-24{padding:var(--spacing-24)}.p-48{padding:var(--spacing-48)}.p-64{padding:var(--spacing-64)}.p-96{padding:var(--spacing-96)}.p-\[5px\]{padding:5px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-0{padding-inline:var(--spacing-0)}.px-8{padding-inline:var(--spacing-8)}.px-12{padding-inline:var(--spacing-12)}.px-16{padding-inline:var(--spacing-16)}.px-24{padding-inline:var(--spacing-24)}.px-\[6px\]{padding-inline:6px}.py-2{padding-block:var(--spacing-2)}.py-4{padding-block:var(--spacing-4)}.py-8{padding-block:var(--spacing-8)}.py-12{padding-block:var(--spacing-12)}.py-16{padding-block:var(--spacing-16)}.py-24{padding-block:var(--spacing-24)}.py-\[6px\]{padding-block:6px}.py-\[10px\]{padding-block:10px}.pr-4{padding-right:var(--spacing-4)}.pr-8{padding-right:var(--spacing-8)}.pr-12{padding-right:var(--spacing-12)}.pr-24{padding-right:var(--spacing-24)}.pr-32{padding-right:var(--spacing-32)}.pb-0{padding-bottom:var(--spacing-0)}.pb-12{padding-bottom:var(--spacing-12)}.pb-32{padding-bottom:var(--spacing-32)}.pl-0{padding-left:var(--spacing-0)}.pl-8{padding-left:var(--spacing-8)}.pl-16{padding-left:var(--spacing-16)}.pl-32{padding-left:var(--spacing-32)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.leading-14{--tw-leading:var(--leading-14);line-height:var(--leading-14)}.leading-none{--tw-leading:1;line-height:1}.font-\[500\]{--tw-font-weight:500;font-weight:500}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-medium\!{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-800\!{color:var(--color-gray-800)!important}.text-gray-900{color:var(--color-gray-900)}.text-gray-900\!{color:var(--color-gray-900)!important}.text-gray-900\/48{color:#3d3f3e7a}@supports (color:color-mix(in lab,red,red)){.text-gray-900\/48{color:color-mix(in oklab,var(--color-gray-900)48%,transparent)}}.text-green-800{color:var(--color-green-800)}.text-magenta-500{color:var(--color-magenta-500)}.text-magenta-600{color:var(--color-magenta-600)}.text-magenta-700{color:var(--color-magenta-700)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-robinblue-500{color:var(--color-robinblue-500)}.text-robinblue-900{color:var(--color-robinblue-900)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-48{opacity:.48}.opacity-64{opacity:.64}.opacity-100{opacity:1}.shadow{--tw-shadow:0 4px 16px -1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-100{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-200{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing)*8)}@media (hover:hover){.group-hover\:fill-purple-800:is(:where(.group):hover *){fill:var(--color-purple-800)}.group-hover\:text-gray-700:is(:where(.group):hover *){color:var(--color-gray-700)}.group-hover\:text-purple-800:is(:where(.group):hover *){color:var(--color-purple-800)}}.group-active\:fill-purple-900:is(:where(.group):active *){fill:var(--color-purple-900)}.group-active\:text-purple-900:is(:where(.group):active *){color:var(--color-purple-900)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-64:is(:where(.group)[data-disabled=true] *){opacity:.64}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[state\=open\]\/subtrigger\:rotate-90:is(:where(.group\/subtrigger)[data-state=open] *){rotate:90deg}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-64:is(:where(.peer):disabled~*){opacity:.64}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-white::file-selector-button{background-color:var(--color-white)}.file\:text-base::file-selector-button{font-size:var(--text-base)}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.first\:rounded-l:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.first\:pl-24:first-child{padding-left:var(--spacing-24)}.last\:rounded-r:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.last\:border-r:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.last\:pr-24:last-child{padding-right:var(--spacing-24)}@media (hover:hover){.hover\:cursor-text:hover{cursor:text}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-900\/8:hover{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-900\/8:hover{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.hover\:bg-gray-900\/12:hover{background-color:#3d3f3e1f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-900\/12:hover{background-color:color-mix(in oklab,var(--color-gray-900)12%,transparent)}}.hover\:bg-magenta-600:hover{background-color:var(--color-magenta-600)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:fill-gray-800:hover{fill:var(--color-gray-800)}.hover\:fill-purple-800:hover{fill:var(--color-purple-800)}.hover\:fill-robinblue-600:hover{fill:var(--color-robinblue-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-magenta-600:hover{color:var(--color-magenta-600)}.hover\:text-purple-700:hover{color:var(--color-purple-700)}.hover\:text-purple-800:hover{color:var(--color-purple-800)}.hover\:text-robinblue-600:hover{color:var(--color-robinblue-600)}.hover\:text-yellow-600:hover{color:var(--color-yellow-600)}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-field-hover:hover{--tw-shadow:inset 0 0px 0px 1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:bg-gray-200:focus{background-color:var(--color-gray-200)}.focus\:bg-gray-900\/8:focus{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.focus\:bg-gray-900\/8:focus{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.focus\:bg-gray-900\/12:focus{background-color:#3d3f3e1f}@supports (color:color-mix(in lab,red,red)){.focus\:bg-gray-900\/12:focus{background-color:color-mix(in oklab,var(--color-gray-900)12%,transparent)}}.focus\:bg-gray-900\/16:focus{background-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.focus\:bg-gray-900\/16:focus{background-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}.focus\:bg-magenta-600:focus{background-color:var(--color-magenta-600)}.focus\:bg-purple-50:focus{background-color:var(--color-purple-50)}.focus\:bg-purple-200:focus{background-color:var(--color-purple-200)}.focus\:bg-purple-800:focus{background-color:var(--color-purple-800)}.focus\:bg-yellow-600:focus{background-color:var(--color-yellow-600)}.focus\:fill-gray-800:focus{fill:var(--color-gray-800)}.focus\:fill-magenta-600:focus{fill:var(--color-magenta-600)}.focus\:fill-purple-700:focus{fill:var(--color-purple-700)}.focus\:fill-purple-800:focus{fill:var(--color-purple-800)}.focus\:fill-robinblue-600:focus{fill:var(--color-robinblue-600)}.focus\:fill-yellow-600:focus{fill:var(--color-yellow-600)}.focus\:text-gray-800:focus{color:var(--color-gray-800)}.focus\:text-gray-900:focus{color:var(--color-gray-900)}.focus\:text-magenta-600:focus{color:var(--color-magenta-600)}.focus\:text-purple-700:focus{color:var(--color-purple-700)}.focus\:text-purple-800:focus{color:var(--color-purple-800)}.focus\:text-robinblue-600:focus{color:var(--color-robinblue-600)}.focus\:text-yellow-600:focus{color:var(--color-yellow-600)}.focus\:shadow-field-active:focus{--tw-shadow:0 0px 0px 1px var(--tw-shadow-color,#3d3f3e7a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-purple-500:focus-visible{--tw-ring-color:var(--color-purple-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-gray-300:active{background-color:var(--color-gray-300)}.active\:bg-gray-900\/12:active{background-color:#3d3f3e1f}@supports (color:color-mix(in lab,red,red)){.active\:bg-gray-900\/12:active{background-color:color-mix(in oklab,var(--color-gray-900)12%,transparent)}}.active\:bg-gray-900\/16:active{background-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.active\:bg-gray-900\/16:active{background-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}.active\:bg-magenta-700:active{background-color:var(--color-magenta-700)}.active\:bg-purple-100:active{background-color:var(--color-purple-100)}.active\:bg-purple-300:active{background-color:var(--color-purple-300)}.active\:bg-purple-800:active{background-color:var(--color-purple-800)}.active\:bg-purple-900:active{background-color:var(--color-purple-900)}.active\:bg-yellow-700:active{background-color:var(--color-yellow-700)}.active\:fill-gray-900:active{fill:var(--color-gray-900)}.active\:fill-magenta-700:active{fill:var(--color-magenta-700)}.active\:fill-purple-800:active{fill:var(--color-purple-800)}.active\:fill-purple-900:active{fill:var(--color-purple-900)}.active\:fill-robinblue-700:active{fill:var(--color-robinblue-700)}.active\:fill-yellow-700:active{fill:var(--color-yellow-700)}.active\:text-gray-900:active{color:var(--color-gray-900)}.active\:text-magenta-700:active{color:var(--color-magenta-700)}.active\:text-purple-800:active{color:var(--color-purple-800)}.active\:text-purple-900:active{color:var(--color-purple-900)}.active\:text-robinblue-700:active{color:var(--color-robinblue-700)}.active\:text-yellow-700:active{color:var(--color-yellow-700)}.active\:shadow-field-active:active{--tw-shadow:0 0px 0px 1px var(--tw-shadow-color,#3d3f3e7a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:bg-white:disabled{background-color:var(--color-white)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-64:disabled{opacity:.64}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.aria-disabled\:opacity-48[aria-disabled=true]{opacity:.48}.aria-selected\:text-gray-900[aria-selected=true]{color:var(--color-gray-900)}.aria-selected\:shadow-none[aria-selected=true]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[active\]\:bg-purple-700[data-active]{background-color:var(--color-purple-700)}.data-\[active\]\:text-white[data-active]{color:var(--color-white)}@media (hover:hover){.hover\:data-\[active\]\:bg-purple-800:hover[data-active]{background-color:var(--color-purple-800)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}.data-\[disabled\]\:opacity-64[data-disabled]{opacity:.64}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-64[data-disabled=true]{opacity:.64}.data-\[inset\]\:pl-32[data-inset]{padding-left:var(--spacing-32)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-auto[data-orientation=horizontal]{width:auto}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[placeholder\]\:text-gray-700[data-placeholder]{color:var(--color-gray-700)}.data-\[range-end\=true\]\:rounded-r[data-range-end=true]{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.data-\[range-end\=true\]\:bg-purple-800[data-range-end=true]{background-color:var(--color-purple-800)}.data-\[range-end\=true\]\:text-white[data-range-end=true]{color:var(--color-white)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0;border-radius:var(--radius-none)}.data-\[range-middle\=true\]\:bg-purple-700[data-range-middle=true]{background-color:var(--color-purple-700)}.data-\[range-middle\=true\]\:text-white[data-range-middle=true]{color:var(--color-white)}.data-\[range-start\=true\]\:rounded-l[data-range-start=true]{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[range-start\=true\]\:bg-purple-800[data-range-start=true]{background-color:var(--color-purple-800)}.data-\[range-start\=true\]\:text-white[data-range-start=true]{color:var(--color-white)}.data-\[selected-single\=true\]\:rounded[data-selected-single=true]{border-radius:var(--radius)}.data-\[selected-single\=true\]\:bg-purple-900[data-selected-single=true]{background-color:var(--color-purple-900)}.data-\[selected-single\=true\]\:text-white[data-selected-single=true]{color:var(--color-white)}.data-\[selected\=true\]\:bg-gray-200[data-selected=true]{background-color:var(--color-gray-200)}.data-\[selected\=true\]\:text-gray-900[data-selected=true]{color:var(--color-gray-900)}.data-\[side\=bottom\]\:translate-y-4[data-side=bottom]{--tw-translate-y:var(--spacing-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-4[data-side=left]{--tw-translate-x:calc(var(--spacing-4)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-4[data-side=right]{--tw-translate-x:var(--spacing-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-4[data-side=top]{--tw-translate-y:calc(var(--spacing-4)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-8>*)[data-slot=select-value]{gap:var(--spacing-8)}.data-\[state\=active\]\:bg-white[data-state=active]{background-color:var(--color-white)}.data-\[state\=active\]\:text-purple-800[data-state=active]{color:var(--color-purple-800)}@media (hover:hover){.data-\[state\=active\]\:hover\:bg-white[data-state=active]:hover{background-color:var(--color-white)}.hover\:data-\[state\=active\]\:text-purple-800:hover[data-state=active]{color:var(--color-purple-800)}}.data-\[state\=checked\]\:translate-x-16[data-state=checked]{--tw-translate-x:var(--spacing-16);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-purple-700[data-state=checked]{border-color:var(--color-purple-700)}.data-\[state\=checked\]\:bg-purple-700[data-state=checked]{background-color:var(--color-purple-700)}.data-\[state\=checked\]\:bg-purple-800[data-state=checked]{background-color:var(--color-purple-800)}.data-\[state\=checked\]\:bg-white[data-state=checked]{background-color:var(--color-white)}.data-\[state\=checked\]\:text-white[data-state=checked]{color:var(--color-white)}@media (hover:hover){.data-\[state\=checked\]\:hover\:border-purple-800[data-state=checked]:hover{border-color:var(--color-purple-800)}.data-\[state\=checked\]\:hover\:bg-purple-800[data-state=checked]:hover,.hover\:data-\[state\=checked\]\:bg-purple-800:hover[data-state=checked]{background-color:var(--color-purple-800)}}.focus\:data-\[state\=checked\]\:bg-purple-900:focus[data-state=checked]{background-color:var(--color-purple-900)}.data-\[state\=checked\]\:active\:border-purple-900[data-state=checked]:active{border-color:var(--color-purple-900)}.active\:data-\[state\=checked\]\:bg-purple-900:active[data-state=checked],.data-\[state\=checked\]\:active\:bg-purple-900[data-state=checked]:active{background-color:var(--color-purple-900)}.disabled\:data-\[state\=checked\]\:bg-gray-900\/8:disabled[data-state=checked]{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.disabled\:data-\[state\=checked\]\:bg-gray-900\/8:disabled[data-state=checked]{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.disabled\:data-\[state\=checked\]\:text-gray-800:disabled[data-state=checked]{color:var(--color-gray-800)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=indeterminate\]\:bg-purple-700[data-state=indeterminate]{background-color:var(--color-purple-700)}.data-\[state\=indeterminate\]\:text-white[data-state=indeterminate]{color:var(--color-white)}@media (hover:hover){.hover\:data-\[state\=indeterminate\]\:bg-purple-800:hover[data-state=indeterminate]{background-color:var(--color-purple-800)}}.focus\:data-\[state\=indeterminate\]\:bg-purple-900:focus[data-state=indeterminate],.active\:data-\[state\=indeterminate\]\:bg-purple-900:active[data-state=indeterminate]{background-color:var(--color-purple-900)}.disabled\:data-\[state\=indeterminate\]\:bg-gray-900\/8:disabled[data-state=indeterminate]{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.disabled\:data-\[state\=indeterminate\]\:bg-gray-900\/8:disabled[data-state=indeterminate]{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.disabled\:data-\[state\=indeterminate\]\:text-gray-800:disabled[data-state=indeterminate]{color:var(--color-gray-800)}.data-\[state\=on\]\:border-gray-300[data-state=on]{border-color:var(--color-gray-300)}.data-\[state\=on\]\:border-gray-800[data-state=on]{border-color:var(--color-gray-800)}.data-\[state\=on\]\:border-green-200[data-state=on]{border-color:var(--color-green-200)}.data-\[state\=on\]\:border-green-800[data-state=on]{border-color:var(--color-green-800)}.data-\[state\=on\]\:border-magenta-100[data-state=on]{border-color:var(--color-magenta-100)}.data-\[state\=on\]\:border-magenta-800[data-state=on]{border-color:var(--color-magenta-800)}.data-\[state\=on\]\:border-purple-200[data-state=on]{border-color:var(--color-purple-200)}.data-\[state\=on\]\:border-purple-800[data-state=on]{border-color:var(--color-purple-800)}.data-\[state\=on\]\:border-robinblue-200[data-state=on]{border-color:var(--color-robinblue-200)}.data-\[state\=on\]\:border-robinblue-800[data-state=on]{border-color:var(--color-robinblue-800)}.data-\[state\=on\]\:border-yellow-200[data-state=on]{border-color:var(--color-yellow-200)}.data-\[state\=on\]\:border-yellow-800[data-state=on]{border-color:var(--color-yellow-800)}.data-\[state\=on\]\:bg-gray-200[data-state=on]{background-color:var(--color-gray-200)}.data-\[state\=on\]\:bg-gray-700[data-state=on]{background-color:var(--color-gray-700)}.data-\[state\=on\]\:bg-green-50[data-state=on]{background-color:var(--color-green-50)}.data-\[state\=on\]\:bg-green-700[data-state=on]{background-color:var(--color-green-700)}.data-\[state\=on\]\:bg-magenta-50[data-state=on]{background-color:var(--color-magenta-50)}.data-\[state\=on\]\:bg-magenta-700[data-state=on]{background-color:var(--color-magenta-700)}.data-\[state\=on\]\:bg-purple-100[data-state=on]{background-color:var(--color-purple-100)}.data-\[state\=on\]\:bg-purple-700[data-state=on]{background-color:var(--color-purple-700)}.data-\[state\=on\]\:bg-robinblue-100[data-state=on]{background-color:var(--color-robinblue-100)}.data-\[state\=on\]\:bg-robinblue-700[data-state=on]{background-color:var(--color-robinblue-700)}.data-\[state\=on\]\:bg-yellow-50[data-state=on]{background-color:var(--color-yellow-50)}.data-\[state\=on\]\:bg-yellow-700[data-state=on]{background-color:var(--color-yellow-700)}.data-\[state\=on\]\:text-gray-900[data-state=on]{color:var(--color-gray-900)}.data-\[state\=on\]\:text-green-800[data-state=on]{color:var(--color-green-800)}.data-\[state\=on\]\:text-magenta-700[data-state=on]{color:var(--color-magenta-700)}.data-\[state\=on\]\:text-purple-900[data-state=on]{color:var(--color-purple-900)}.data-\[state\=on\]\:text-robinblue-900[data-state=on]{color:var(--color-robinblue-900)}.data-\[state\=on\]\:text-white[data-state=on]{color:var(--color-white)}.data-\[state\=on\]\:text-yellow-700[data-state=on]{color:var(--color-yellow-700)}@media (hover:hover){.hover\:data-\[state\=on\]\:bg-gray-200:hover[data-state=on]{background-color:var(--color-gray-200)}.hover\:data-\[state\=on\]\:bg-gray-700:hover[data-state=on]{background-color:var(--color-gray-700)}.hover\:data-\[state\=on\]\:bg-green-50:hover[data-state=on]{background-color:var(--color-green-50)}.hover\:data-\[state\=on\]\:bg-green-700:hover[data-state=on]{background-color:var(--color-green-700)}.hover\:data-\[state\=on\]\:bg-magenta-50:hover[data-state=on]{background-color:var(--color-magenta-50)}.hover\:data-\[state\=on\]\:bg-magenta-700:hover[data-state=on]{background-color:var(--color-magenta-700)}.hover\:data-\[state\=on\]\:bg-purple-100:hover[data-state=on]{background-color:var(--color-purple-100)}.hover\:data-\[state\=on\]\:bg-purple-700:hover[data-state=on]{background-color:var(--color-purple-700)}.hover\:data-\[state\=on\]\:bg-robinblue-100:hover[data-state=on]{background-color:var(--color-robinblue-100)}.hover\:data-\[state\=on\]\:bg-robinblue-700:hover[data-state=on]{background-color:var(--color-robinblue-700)}.hover\:data-\[state\=on\]\:bg-yellow-50:hover[data-state=on]{background-color:var(--color-yellow-50)}.hover\:data-\[state\=on\]\:bg-yellow-700:hover[data-state=on]{background-color:var(--color-yellow-700)}}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-gray-200[data-state=open]{background-color:var(--color-gray-200)}.data-\[state\=open\]\:text-gray-900[data-state=open]{color:var(--color-gray-900)}.data-\[state\=open\]\:shadow-field-active[data-state=open]{--tw-shadow:0 0px 0px 1px var(--tw-shadow-color,#3d3f3e7a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=selected\]\:bg-gray-100[data-state=selected]{background-color:var(--color-gray-100)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-gray-900\/16[data-state=unchecked]{background-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:bg-gray-900\/16[data-state=unchecked]{background-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}@media (hover:hover){.data-\[state\=unchecked\]\:hover\:bg-gray-900\/24[data-state=unchecked]:hover{background-color:#3d3f3e3d}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:hover\:bg-gray-900\/24[data-state=unchecked]:hover{background-color:color-mix(in oklab,var(--color-gray-900)24%,transparent)}}}.data-\[state\=unchecked\]\:active\:bg-gray-900\/32[data-state=unchecked]:active{background-color:#3d3f3e52}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:active\:bg-gray-900\/32[data-state=unchecked]:active{background-color:color-mix(in oklab,var(--color-gray-900)32%,transparent)}}.data-\[variant\=destructive\]\:text-magenta-700[data-variant=destructive]{color:var(--color-magenta-700)}.data-\[variant\=destructive\]\:focus\:bg-magenta-100[data-variant=destructive]:focus{background-color:var(--color-magenta-100)}.data-\[variant\=destructive\]\:focus\:text-magenta-700[data-variant=destructive]:focus{color:var(--color-magenta-700)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:shadow[data-variant=outline]{--tw-shadow:0 4px 16px -1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}@media (min-width:640px){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}@media (min-width:768px){.md\:max-w-\[600px\]{max-width:600px}.md\:flex-row{flex-direction:row}}.\[\&_\[cmdk-group-heading\]\]\:px-8 [cmdk-group-heading]{padding-inline:var(--spacing-8)}.\[\&_\[cmdk-group-heading\]\]\:px-16 [cmdk-group-heading]{padding-inline:var(--spacing-16)}.\[\&_\[cmdk-group-heading\]\]\:py-8 [cmdk-group-heading]{padding-block:var(--spacing-8)}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-gray-900 [cmdk-group-heading]{color:var(--color-gray-900)}.\[\&_\[cmdk-group\]\]\:px-8 [cmdk-group]{padding-inline:var(--spacing-8)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:var(--spacing-0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-16 [cmdk-input-wrapper] svg{height:var(--spacing-16)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-16 [cmdk-input-wrapper] svg{width:var(--spacing-16)}.\[\&_\[cmdk-input\]\]\:h-48 [cmdk-input]{height:var(--spacing-48)}.\[\&_\[cmdk-item\]\]\:px-8 [cmdk-item]{padding-inline:var(--spacing-8)}.\[\&_\[cmdk-item\]\]\:py-8 [cmdk-item]{padding-block:var(--spacing-8)}.\[\&_\[cmdk-item\]_svg\]\:h-16 [cmdk-item] svg{height:var(--spacing-16)}.\[\&_\[cmdk-item\]_svg\]\:w-16 [cmdk-item] svg{width:var(--spacing-16)}.\[\&_i\]\:text-gray-600 i{color:var(--color-gray-600)}.\[\&_i\]\:data-\[state\=active\]\:text-purple-800 i[data-state=active]{color:var(--color-purple-800)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-gray-600 svg{color:var(--color-gray-600)}.data-\[state\=active\]\:\[\&_svg\]\:text-purple-800[data-state=active] svg{color:var(--color-purple-800)}.\[\&_svg\]\:data-\[state\=on\]\:text-gray-900 svg[data-state=on]{color:var(--color-gray-900)}.\[\&_svg\]\:data-\[state\=on\]\:text-green-800 svg[data-state=on]{color:var(--color-green-800)}.\[\&_svg\]\:data-\[state\=on\]\:text-magenta-700 svg[data-state=on]{color:var(--color-magenta-700)}.\[\&_svg\]\:data-\[state\=on\]\:text-purple-900 svg[data-state=on]{color:var(--color-purple-900)}.\[\&_svg\]\:data-\[state\=on\]\:text-robinblue-900 svg[data-state=on]{color:var(--color-robinblue-900)}.\[\&_svg\]\:data-\[state\=on\]\:text-white svg[data-state=on]{color:var(--color-white)}.\[\&_svg\]\:data-\[state\=on\]\:text-yellow-700 svg[data-state=on]{color:var(--color-yellow-700)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-16 svg:not([class*=size-]){width:var(--spacing-16);height:var(--spacing-16)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-24 svg:not([class*=size-]){width:var(--spacing-24);height:var(--spacing-24)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-gray-700 svg:not([class*=text-]){color:var(--color-gray-700)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-gray-900 svg:not([class*=text-]){color:var(--color-gray-900)}.\[\&_tr\:hover\]\:bg-gray-100 tr:hover{background-color:var(--color-gray-100)}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l:first-child[data-selected=true] button{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.\[\.border-b\]\:pb-24.border-b{padding-bottom:var(--spacing-24)}.\[\.border-t\]\:pt-24.border-t{padding-top:var(--spacing-24)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:flex-col>*):is(span):last-child{flex-direction:column}:is(.\*\:\[span\]\:last\:gap-8>*):is(span):last-child{gap:var(--spacing-8)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-magenta-700[data-variant=destructive]>*):is(svg){color:var(--color-magenta-700)!important}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r:last-child[data-selected=true] button{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.\[\&\>div\]\:bg-magenta-500>div{background-color:var(--color-magenta-500)}.\[\&\>span\]\:opacity-64>span{opacity:.64}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-gray-700>svg{color:var(--color-gray-700)}.\[\&\>svg\]\:text-gray-900>svg{color:var(--color-gray-900)}.\[\&\>svg\]\:text-green-500>svg{color:var(--color-green-500)}.\[\&\>svg\]\:text-magenta-500>svg{color:var(--color-magenta-500)}.\[\&\>svg\]\:text-yellow-500>svg{color:var(--color-yellow-500)}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes pageLoader{0%{width:0%}to{width:100%}}
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--container-sm:24rem;--container-lg:32rem;--tracking-tight:-.025em;--tracking-widest:.1em;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--font-default:"Inter Variable",sans-serif;--color-white:#fff;--color-gray-50:#fafcfb;--color-gray-100:#f5f7f6;--color-gray-200:#eef0ef;--color-gray-300:#e3e5e4;--color-gray-400:#d7d9d8;--color-gray-500:#bdbfbe;--color-gray-600:#9ea09f;--color-gray-700:#757776;--color-gray-800:#616362;--color-gray-900:#3d3f3e;--color-green-50:#f5faf1;--color-green-200:#c8e5b7;--color-green-500:#74b75b;--color-green-700:#47823a;--color-green-800:#356a2a;--color-magenta-50:#fdf0f2;--color-magenta-100:#f9d1d9;--color-magenta-500:#e42e61;--color-magenta-600:#d7285c;--color-magenta-700:#c92c46;--color-magenta-800:#b12a3e;--color-purple-50:#fcf2fb;--color-purple-100:#f0dfed;--color-purple-200:#dcc5d7;--color-purple-300:#c8b1c5;--color-purple-400:#ae93ab;--color-purple-500:#9a7e99;--color-purple-600:#876888;--color-purple-700:#715073;--color-purple-800:#5c4060;--color-purple-900:#47304d;--color-robinblue-100:#c6e6e1;--color-robinblue-200:#a0d5d2;--color-robinblue-500:#0098a3;--color-robinblue-600:#007a85;--color-robinblue-700:#006771;--color-robinblue-800:#005056;--color-robinblue-900:#003d40;--color-yellow-50:#fdf6eb;--color-yellow-200:#f4d59e;--color-yellow-500:#e78f23;--color-yellow-600:#d9771e;--color-yellow-700:#c85f1a;--color-yellow-800:#b64715;--color-chart-purple:#9a2e94;--spacing:.25rem;--spacing-0:0;--spacing-2:2px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-96:96px;--text-sm:12px;--text-base:14px;--text-lg:18px;--text-xl:20px;--font-weight-thin:200;--font-weight-normal:400;--font-weight-medium:600;--leading-14:14px;--leading-20:20px;--leading-24:24px;--radius-none:0;--radius:4px;--radius-full:9999px;--animate-loading-ellipsis1:ellipsis1 .6s infinite;--animate-loading-ellipsis2:ellipsis2 .6s infinite;--animate-loading-ellipsis3:ellipsis3 .6s infinite;--animate-page-loader:pageLoader 5s ease}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-cyrillic-ext-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-cyrillic-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-greek-ext-wght-normal.woff2)format("woff2-variations");unicode-range:"U+1F00-1FFF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-greek-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0370-03FF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-vietnamese-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF"}@font-face{font-family:Inter Variable;font-style:"normal";font-display:"swap";font-weight:"100 900";src:url(./font/inter-latin-wght-normal.woff2)format("woff2-variations");unicode-range:"U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD"}*{font-synthesis:style small-caps}*,:before,:after{border-color:var(--color-gray-400)}body{font-family:var(--font-default);font-size:var(--text-base);--tw-leading:var(--leading-20);line-height:var(--leading-20);color:var(--color-gray-900)}h1,h2{font-size:var(--text-lg);--tw-leading:var(--leading-24);line-height:var(--leading-24);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}a{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-robinblue-500)}a:hover{color:var(--color-robinblue-600)}a:active{color:var(--color-robinblue-700)}::placeholder,input::placeholder,textarea::placeholder{color:var(--color-gray-700);opacity:1}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:var(--spacing-0)}.inset-x-0{inset-inline:var(--spacing-0)}.inset-y-0{inset-block:var(--spacing-0)}.top-0{top:var(--spacing-0)}.top-1\/2{top:50%}.top-8{top:var(--spacing-8)}.top-16{top:var(--spacing-16)}.top-24{top:var(--spacing-24)}.top-\[18px\]{top:18px}.right-0{right:var(--spacing-0)}.right-8{right:var(--spacing-8)}.right-16{right:var(--spacing-16)}.bottom-0{bottom:var(--spacing-0)}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.left-8{left:var(--spacing-8)}.left-32{left:var(--spacing-32)}.left-\[50\%\]{left:50%}.left-\[56px\]{left:56px}.left-auto{left:auto}.z-48{z-index:48}.z-50{z-index:50}.z-60{z-index:60}.col-span-3{grid-column:span 3/span 3}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.-mx-4{margin-inline:calc(var(--spacing-4)*-1)}.-mx-8{margin-inline:calc(var(--spacing-8)*-1)}.mx-8{margin-inline:var(--spacing-8)}.mx-16{margin-inline:var(--spacing-16)}.mx-auto{margin-inline:auto}.my-4{margin-block:var(--spacing-4)}.my-8{margin-block:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mt-16{margin-top:var(--spacing-16)}.mt-\[200px\]{margin-top:200px}.mr-4{margin-right:var(--spacing-4)}.mr-8{margin-right:var(--spacing-8)}.-mb-8{margin-bottom:calc(var(--spacing-8)*-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.ml-4{margin-left:var(--spacing-4)}.ml-24{margin-left:var(--spacing-24)}.ml-\[-2ch\]{margin-left:-2ch}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-8{width:var(--spacing-8);height:var(--spacing-8)}.size-16{width:var(--spacing-16);height:var(--spacing-16)}.size-24{width:var(--spacing-24);height:var(--spacing-24)}.size-32{width:var(--spacing-32);height:var(--spacing-32)}.size-\[10px\]{width:10px;height:10px}.size-\[14px\]{width:14px;height:14px}.size-auto{width:auto;height:auto}.h-\(--cell-size\){height:var(--cell-size)}.h-4{height:var(--spacing-4)}.h-12{height:var(--spacing-12)}.h-16{height:var(--spacing-16)}.h-24{height:var(--spacing-24)}.h-32{height:var(--spacing-32)}.h-40{height:var(--spacing-40)}.h-48{height:var(--spacing-48)}.h-64{height:var(--spacing-64)}.h-\[14px\]{height:14px}.h-\[20px\]{height:20px}.h-\[26px\]{height:26px}.h-\[36px\]{height:36px}.h-\[44px\]{height:44px}.h-\[54px\]{height:54px}.h-\[125px\]{height:125px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-screen{max-height:100vh}.min-h-16{min-height:var(--spacing-16)}.min-h-40{min-height:var(--spacing-40)}.min-h-\[36px\]{min-height:36px}.min-h-\[60px\]{min-height:60px}.min-h-full{min-height:100%}.w-\(--cell-size\){width:var(--cell-size)}.w-3\/4{width:75%}.w-12{width:var(--spacing-12)}.w-16{width:var(--spacing-16)}.w-32{width:var(--spacing-32)}.w-48{width:var(--spacing-48)}.w-\[14px\]{width:14px}.w-\[20px\]{width:20px}.w-\[26px\]{width:26px}.w-\[36px\]{width:36px}.w-\[50px\]{width:50px}.w-\[76px\]{width:76px}.w-\[200px\]{width:200px}.w-\[238px\]{width:238px}.w-\[250px\]{width:250px}.w-\[288px\]{width:288px}.w-\[388px\]{width:388px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[384px\]{max-width:384px}.max-w-\[400px\]{max-width:400px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:var(--spacing-0)}.min-w-96{min-width:var(--spacing-96)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[200px\]{min-width:200px}.min-w-\[340px\]{min-width:340px}.min-w-\[384px\]{min-width:384px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-y-8{--tw-border-spacing-y:var(--spacing-8);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-loading-ellipsis1{animation:var(--animate-loading-ellipsis1)}.animate-loading-ellipsis2{animation:var(--animate-loading-ellipsis2)}.animate-loading-ellipsis3{animation:var(--animate-loading-ellipsis3)}.animate-page-loader{animation:var(--animate-page-loader)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.scroll-my-4{scroll-margin-block:var(--spacing-4)}.scroll-py-4{scroll-padding-block:var(--spacing-4)}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-8{gap:var(--spacing-8)}.gap-16{gap:var(--spacing-16)}.gap-24{gap:var(--spacing-24)}.gap-\[6px\]{gap:6px}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-8)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-12)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-16)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-16)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:var(--spacing-4)}.gap-x-8{column-gap:var(--spacing-8)}.gap-x-12{column-gap:var(--spacing-12)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-2)*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-4)*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-8)*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-8)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-16>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing-16)*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing-16)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-8{row-gap:var(--spacing-8)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius)}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px;border-radius:var(--radius-full)}.rounded-none{border-radius:0;border-radius:var(--radius-none)}.rounded-l{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-r{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900\/8{border-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.border-gray-900\/8{border-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.border-gray-900\/16{border-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.border-gray-900\/16{border-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}.border-gray-900\/24{border-color:#3d3f3e3d}@supports (color:color-mix(in lab,red,red)){.border-gray-900\/24{border-color:color-mix(in oklab,var(--color-gray-900)24%,transparent)}}.border-gray-900\/48{border-color:#3d3f3e7a}@supports (color:color-mix(in lab,red,red)){.border-gray-900\/48{border-color:color-mix(in oklab,var(--color-gray-900)48%,transparent)}}.border-green-200{border-color:var(--color-green-200)}.border-green-800{border-color:var(--color-green-800)}.border-magenta-100{border-color:var(--color-magenta-100)}.border-magenta-500{border-color:var(--color-magenta-500)}.border-magenta-800{border-color:var(--color-magenta-800)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-400{border-color:var(--color-purple-400)}.border-purple-700{border-color:var(--color-purple-700)}.border-purple-800{border-color:var(--color-purple-800)}.border-robinblue-200{border-color:var(--color-robinblue-200)}.border-robinblue-800{border-color:var(--color-robinblue-800)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-800{border-color:var(--color-yellow-800)}.bg-chart-purple{background-color:var(--color-chart-purple)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900\/4{background-color:#3d3f3e0a}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/4{background-color:color-mix(in oklab,var(--color-gray-900)4%,transparent)}}.bg-gray-900\/8{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/8{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.bg-gray-900\/16{background-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/16{background-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}.bg-gray-900\/24{background-color:#3d3f3e3d}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/24{background-color:color-mix(in oklab,var(--color-gray-900)24%,transparent)}}.bg-gray-900\/48{background-color:#3d3f3e7a}@supports (color:color-mix(in lab,red,red)){.bg-gray-900\/48{background-color:color-mix(in oklab,var(--color-gray-900)48%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-700{background-color:var(--color-green-700)}.bg-magenta-50{background-color:var(--color-magenta-50)}.bg-magenta-500{background-color:var(--color-magenta-500)}.bg-magenta-700{background-color:var(--color-magenta-700)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-robinblue-100{background-color:var(--color-robinblue-100)}.bg-robinblue-700{background-color:var(--color-robinblue-700)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-50{--tw-gradient-to:var(--color-gray-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-gray-700{fill:var(--color-gray-700)}.fill-gray-900{fill:var(--color-gray-900)}.fill-magenta-500{fill:var(--color-magenta-500)}.fill-purple-600{fill:var(--color-purple-600)}.fill-purple-700{fill:var(--color-purple-700)}.fill-purple-800{fill:var(--color-purple-800)}.fill-robinblue-500{fill:var(--color-robinblue-500)}.fill-white{fill:var(--color-white)}.fill-yellow-500{fill:var(--color-yellow-500)}.p-0{padding:var(--spacing-0)}.p-4{padding:var(--spacing-4)}.p-8{padding:var(--spacing-8)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-24{padding:var(--spacing-24)}.p-48{padding:var(--spacing-48)}.p-64{padding:var(--spacing-64)}.p-96{padding:var(--spacing-96)}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-0{padding-inline:var(--spacing-0)}.px-8{padding-inline:var(--spacing-8)}.px-12{padding-inline:var(--spacing-12)}.px-16{padding-inline:var(--spacing-16)}.px-24{padding-inline:var(--spacing-24)}.px-\[6px\]{padding-inline:6px}.px-\[12px\]{padding-inline:12px}.py-2{padding-block:var(--spacing-2)}.py-4{padding-block:var(--spacing-4)}.py-8{padding-block:var(--spacing-8)}.py-12{padding-block:var(--spacing-12)}.py-16{padding-block:var(--spacing-16)}.py-24{padding-block:var(--spacing-24)}.py-\[6px\]{padding-block:6px}.py-\[10px\]{padding-block:10px}.pr-4{padding-right:var(--spacing-4)}.pr-8{padding-right:var(--spacing-8)}.pr-12{padding-right:var(--spacing-12)}.pr-24{padding-right:var(--spacing-24)}.pr-32{padding-right:var(--spacing-32)}.pb-0{padding-bottom:var(--spacing-0)}.pb-12{padding-bottom:var(--spacing-12)}.pb-32{padding-bottom:var(--spacing-32)}.pl-0{padding-left:var(--spacing-0)}.pl-8{padding-left:var(--spacing-8)}.pl-16{padding-left:var(--spacing-16)}.pl-32{padding-left:var(--spacing-32)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.leading-14{--tw-leading:var(--leading-14);line-height:var(--leading-14)}.leading-none{--tw-leading:1;line-height:1}.font-\[500\]{--tw-font-weight:500;font-weight:500}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-medium\!{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-800\!{color:var(--color-gray-800)!important}.text-gray-900{color:var(--color-gray-900)}.text-gray-900\!{color:var(--color-gray-900)!important}.text-gray-900\/48{color:#3d3f3e7a}@supports (color:color-mix(in lab,red,red)){.text-gray-900\/48{color:color-mix(in oklab,var(--color-gray-900)48%,transparent)}}.text-green-800{color:var(--color-green-800)}.text-magenta-500{color:var(--color-magenta-500)}.text-magenta-600{color:var(--color-magenta-600)}.text-magenta-700{color:var(--color-magenta-700)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-purple-900{color:var(--color-purple-900)}.text-robinblue-500{color:var(--color-robinblue-500)}.text-robinblue-900{color:var(--color-robinblue-900)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-48{opacity:.48}.opacity-64{opacity:.64}.opacity-100{opacity:1}.shadow{--tw-shadow:0 4px 16px -1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-100{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-200{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing)*8)}@media (hover:hover){.group-hover\:fill-purple-800:is(:where(.group):hover *){fill:var(--color-purple-800)}.group-hover\:text-gray-700:is(:where(.group):hover *){color:var(--color-gray-700)}.group-hover\:text-purple-800:is(:where(.group):hover *){color:var(--color-purple-800)}}.group-active\:fill-purple-900:is(:where(.group):active *){fill:var(--color-purple-900)}.group-active\:text-purple-900:is(:where(.group):active *){color:var(--color-purple-900)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-64:is(:where(.group)[data-disabled=true] *){opacity:.64}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[state\=open\]\/subtrigger\:rotate-90:is(:where(.group\/subtrigger)[data-state=open] *){rotate:90deg}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-64:is(:where(.peer):disabled~*){opacity:.64}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-white::file-selector-button{background-color:var(--color-white)}.file\:text-base::file-selector-button{font-size:var(--text-base)}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.first\:rounded-l:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.first\:pl-24:first-child{padding-left:var(--spacing-24)}.last\:rounded-r:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.last\:border-r:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.last\:pr-24:last-child{padding-right:var(--spacing-24)}@media (hover:hover){.hover\:cursor-text:hover{cursor:text}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-900\/8:hover{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-900\/8:hover{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.hover\:bg-gray-900\/12:hover{background-color:#3d3f3e1f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-900\/12:hover{background-color:color-mix(in oklab,var(--color-gray-900)12%,transparent)}}.hover\:bg-magenta-600:hover{background-color:var(--color-magenta-600)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:fill-gray-800:hover{fill:var(--color-gray-800)}.hover\:fill-purple-800:hover{fill:var(--color-purple-800)}.hover\:fill-robinblue-600:hover{fill:var(--color-robinblue-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-magenta-600:hover{color:var(--color-magenta-600)}.hover\:text-purple-700:hover{color:var(--color-purple-700)}.hover\:text-purple-800:hover{color:var(--color-purple-800)}.hover\:text-robinblue-600:hover{color:var(--color-robinblue-600)}.hover\:text-yellow-600:hover{color:var(--color-yellow-600)}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-field-hover:hover{--tw-shadow:inset 0 0px 0px 1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:bg-gray-200:focus{background-color:var(--color-gray-200)}.focus\:bg-gray-900\/8:focus{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.focus\:bg-gray-900\/8:focus{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.focus\:bg-gray-900\/12:focus{background-color:#3d3f3e1f}@supports (color:color-mix(in lab,red,red)){.focus\:bg-gray-900\/12:focus{background-color:color-mix(in oklab,var(--color-gray-900)12%,transparent)}}.focus\:bg-gray-900\/16:focus{background-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.focus\:bg-gray-900\/16:focus{background-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}.focus\:bg-magenta-600:focus{background-color:var(--color-magenta-600)}.focus\:bg-purple-50:focus{background-color:var(--color-purple-50)}.focus\:bg-purple-200:focus{background-color:var(--color-purple-200)}.focus\:bg-purple-800:focus{background-color:var(--color-purple-800)}.focus\:bg-yellow-600:focus{background-color:var(--color-yellow-600)}.focus\:fill-gray-800:focus{fill:var(--color-gray-800)}.focus\:fill-magenta-600:focus{fill:var(--color-magenta-600)}.focus\:fill-purple-700:focus{fill:var(--color-purple-700)}.focus\:fill-purple-800:focus{fill:var(--color-purple-800)}.focus\:fill-robinblue-600:focus{fill:var(--color-robinblue-600)}.focus\:fill-yellow-600:focus{fill:var(--color-yellow-600)}.focus\:text-gray-800:focus{color:var(--color-gray-800)}.focus\:text-gray-900:focus{color:var(--color-gray-900)}.focus\:text-magenta-600:focus{color:var(--color-magenta-600)}.focus\:text-purple-700:focus{color:var(--color-purple-700)}.focus\:text-purple-800:focus{color:var(--color-purple-800)}.focus\:text-robinblue-600:focus{color:var(--color-robinblue-600)}.focus\:text-yellow-600:focus{color:var(--color-yellow-600)}.focus\:shadow-field-active:focus{--tw-shadow:0 0px 0px 1px var(--tw-shadow-color,#3d3f3e7a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-purple-500:focus-visible{--tw-ring-color:var(--color-purple-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-gray-300:active{background-color:var(--color-gray-300)}.active\:bg-gray-900\/12:active{background-color:#3d3f3e1f}@supports (color:color-mix(in lab,red,red)){.active\:bg-gray-900\/12:active{background-color:color-mix(in oklab,var(--color-gray-900)12%,transparent)}}.active\:bg-gray-900\/16:active{background-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.active\:bg-gray-900\/16:active{background-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}.active\:bg-magenta-700:active{background-color:var(--color-magenta-700)}.active\:bg-purple-100:active{background-color:var(--color-purple-100)}.active\:bg-purple-300:active{background-color:var(--color-purple-300)}.active\:bg-purple-800:active{background-color:var(--color-purple-800)}.active\:bg-purple-900:active{background-color:var(--color-purple-900)}.active\:bg-yellow-700:active{background-color:var(--color-yellow-700)}.active\:fill-gray-900:active{fill:var(--color-gray-900)}.active\:fill-magenta-700:active{fill:var(--color-magenta-700)}.active\:fill-purple-800:active{fill:var(--color-purple-800)}.active\:fill-purple-900:active{fill:var(--color-purple-900)}.active\:fill-robinblue-700:active{fill:var(--color-robinblue-700)}.active\:fill-yellow-700:active{fill:var(--color-yellow-700)}.active\:text-gray-900:active{color:var(--color-gray-900)}.active\:text-magenta-700:active{color:var(--color-magenta-700)}.active\:text-purple-800:active{color:var(--color-purple-800)}.active\:text-purple-900:active{color:var(--color-purple-900)}.active\:text-robinblue-700:active{color:var(--color-robinblue-700)}.active\:text-yellow-700:active{color:var(--color-yellow-700)}.active\:shadow-field-active:active{--tw-shadow:0 0px 0px 1px var(--tw-shadow-color,#3d3f3e7a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:bg-white:disabled{background-color:var(--color-white)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-64:disabled{opacity:.64}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.aria-disabled\:opacity-48[aria-disabled=true]{opacity:.48}.aria-selected\:text-gray-900[aria-selected=true]{color:var(--color-gray-900)}.aria-selected\:shadow-none[aria-selected=true]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[active\]\:bg-purple-700[data-active]{background-color:var(--color-purple-700)}.data-\[active\]\:text-white[data-active]{color:var(--color-white)}@media (hover:hover){.hover\:data-\[active\]\:bg-purple-800:hover[data-active]{background-color:var(--color-purple-800)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}.data-\[disabled\]\:opacity-64[data-disabled]{opacity:.64}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-64[data-disabled=true]{opacity:.64}.data-\[inset\]\:pl-32[data-inset]{padding-left:var(--spacing-32)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-auto[data-orientation=horizontal]{width:auto}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[placeholder\]\:text-gray-700[data-placeholder]{color:var(--color-gray-700)}.data-\[range-end\=true\]\:rounded-r[data-range-end=true]{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.data-\[range-end\=true\]\:bg-purple-800[data-range-end=true]{background-color:var(--color-purple-800)}.data-\[range-end\=true\]\:text-white[data-range-end=true]{color:var(--color-white)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0;border-radius:var(--radius-none)}.data-\[range-middle\=true\]\:bg-purple-700[data-range-middle=true]{background-color:var(--color-purple-700)}.data-\[range-middle\=true\]\:text-white[data-range-middle=true]{color:var(--color-white)}.data-\[range-start\=true\]\:rounded-l[data-range-start=true]{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[range-start\=true\]\:bg-purple-800[data-range-start=true]{background-color:var(--color-purple-800)}.data-\[range-start\=true\]\:text-white[data-range-start=true]{color:var(--color-white)}.data-\[selected-single\=true\]\:rounded[data-selected-single=true]{border-radius:var(--radius)}.data-\[selected-single\=true\]\:bg-purple-900[data-selected-single=true]{background-color:var(--color-purple-900)}.data-\[selected-single\=true\]\:text-white[data-selected-single=true]{color:var(--color-white)}.data-\[selected\=true\]\:bg-gray-200[data-selected=true]{background-color:var(--color-gray-200)}.data-\[selected\=true\]\:text-gray-900[data-selected=true]{color:var(--color-gray-900)}.data-\[side\=bottom\]\:translate-y-4[data-side=bottom]{--tw-translate-y:var(--spacing-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-4[data-side=left]{--tw-translate-x:calc(var(--spacing-4)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-4[data-side=right]{--tw-translate-x:var(--spacing-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-4[data-side=top]{--tw-translate-y:calc(var(--spacing-4)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-8>*)[data-slot=select-value]{gap:var(--spacing-8)}.data-\[state\=active\]\:bg-white[data-state=active]{background-color:var(--color-white)}.data-\[state\=active\]\:text-purple-800[data-state=active]{color:var(--color-purple-800)}@media (hover:hover){.data-\[state\=active\]\:hover\:bg-white[data-state=active]:hover{background-color:var(--color-white)}.hover\:data-\[state\=active\]\:text-purple-800:hover[data-state=active]{color:var(--color-purple-800)}}.data-\[state\=checked\]\:translate-x-16[data-state=checked]{--tw-translate-x:var(--spacing-16);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-purple-700[data-state=checked]{border-color:var(--color-purple-700)}.data-\[state\=checked\]\:bg-purple-700[data-state=checked]{background-color:var(--color-purple-700)}.data-\[state\=checked\]\:bg-purple-800[data-state=checked]{background-color:var(--color-purple-800)}.data-\[state\=checked\]\:bg-white[data-state=checked]{background-color:var(--color-white)}.data-\[state\=checked\]\:text-white[data-state=checked]{color:var(--color-white)}@media (hover:hover){.data-\[state\=checked\]\:hover\:border-purple-800[data-state=checked]:hover{border-color:var(--color-purple-800)}.data-\[state\=checked\]\:hover\:bg-purple-800[data-state=checked]:hover,.hover\:data-\[state\=checked\]\:bg-purple-800:hover[data-state=checked]{background-color:var(--color-purple-800)}}.focus\:data-\[state\=checked\]\:bg-purple-900:focus[data-state=checked]{background-color:var(--color-purple-900)}.data-\[state\=checked\]\:active\:border-purple-900[data-state=checked]:active{border-color:var(--color-purple-900)}.active\:data-\[state\=checked\]\:bg-purple-900:active[data-state=checked],.data-\[state\=checked\]\:active\:bg-purple-900[data-state=checked]:active{background-color:var(--color-purple-900)}.disabled\:data-\[state\=checked\]\:bg-gray-900\/8:disabled[data-state=checked]{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.disabled\:data-\[state\=checked\]\:bg-gray-900\/8:disabled[data-state=checked]{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.disabled\:data-\[state\=checked\]\:text-gray-800:disabled[data-state=checked]{color:var(--color-gray-800)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=indeterminate\]\:bg-purple-700[data-state=indeterminate]{background-color:var(--color-purple-700)}.data-\[state\=indeterminate\]\:text-white[data-state=indeterminate]{color:var(--color-white)}@media (hover:hover){.hover\:data-\[state\=indeterminate\]\:bg-purple-800:hover[data-state=indeterminate]{background-color:var(--color-purple-800)}}.focus\:data-\[state\=indeterminate\]\:bg-purple-900:focus[data-state=indeterminate],.active\:data-\[state\=indeterminate\]\:bg-purple-900:active[data-state=indeterminate]{background-color:var(--color-purple-900)}.disabled\:data-\[state\=indeterminate\]\:bg-gray-900\/8:disabled[data-state=indeterminate]{background-color:#3d3f3e14}@supports (color:color-mix(in lab,red,red)){.disabled\:data-\[state\=indeterminate\]\:bg-gray-900\/8:disabled[data-state=indeterminate]{background-color:color-mix(in oklab,var(--color-gray-900)8%,transparent)}}.disabled\:data-\[state\=indeterminate\]\:text-gray-800:disabled[data-state=indeterminate]{color:var(--color-gray-800)}.data-\[state\=on\]\:border-gray-300[data-state=on]{border-color:var(--color-gray-300)}.data-\[state\=on\]\:border-gray-800[data-state=on]{border-color:var(--color-gray-800)}.data-\[state\=on\]\:border-green-200[data-state=on]{border-color:var(--color-green-200)}.data-\[state\=on\]\:border-green-800[data-state=on]{border-color:var(--color-green-800)}.data-\[state\=on\]\:border-magenta-100[data-state=on]{border-color:var(--color-magenta-100)}.data-\[state\=on\]\:border-magenta-800[data-state=on]{border-color:var(--color-magenta-800)}.data-\[state\=on\]\:border-purple-200[data-state=on]{border-color:var(--color-purple-200)}.data-\[state\=on\]\:border-purple-800[data-state=on]{border-color:var(--color-purple-800)}.data-\[state\=on\]\:border-robinblue-200[data-state=on]{border-color:var(--color-robinblue-200)}.data-\[state\=on\]\:border-robinblue-800[data-state=on]{border-color:var(--color-robinblue-800)}.data-\[state\=on\]\:border-yellow-200[data-state=on]{border-color:var(--color-yellow-200)}.data-\[state\=on\]\:border-yellow-800[data-state=on]{border-color:var(--color-yellow-800)}.data-\[state\=on\]\:bg-gray-200[data-state=on]{background-color:var(--color-gray-200)}.data-\[state\=on\]\:bg-gray-700[data-state=on]{background-color:var(--color-gray-700)}.data-\[state\=on\]\:bg-green-50[data-state=on]{background-color:var(--color-green-50)}.data-\[state\=on\]\:bg-green-700[data-state=on]{background-color:var(--color-green-700)}.data-\[state\=on\]\:bg-magenta-50[data-state=on]{background-color:var(--color-magenta-50)}.data-\[state\=on\]\:bg-magenta-700[data-state=on]{background-color:var(--color-magenta-700)}.data-\[state\=on\]\:bg-purple-100[data-state=on]{background-color:var(--color-purple-100)}.data-\[state\=on\]\:bg-purple-700[data-state=on]{background-color:var(--color-purple-700)}.data-\[state\=on\]\:bg-robinblue-100[data-state=on]{background-color:var(--color-robinblue-100)}.data-\[state\=on\]\:bg-robinblue-700[data-state=on]{background-color:var(--color-robinblue-700)}.data-\[state\=on\]\:bg-yellow-50[data-state=on]{background-color:var(--color-yellow-50)}.data-\[state\=on\]\:bg-yellow-700[data-state=on]{background-color:var(--color-yellow-700)}.data-\[state\=on\]\:text-gray-900[data-state=on]{color:var(--color-gray-900)}.data-\[state\=on\]\:text-green-800[data-state=on]{color:var(--color-green-800)}.data-\[state\=on\]\:text-magenta-700[data-state=on]{color:var(--color-magenta-700)}.data-\[state\=on\]\:text-purple-900[data-state=on]{color:var(--color-purple-900)}.data-\[state\=on\]\:text-robinblue-900[data-state=on]{color:var(--color-robinblue-900)}.data-\[state\=on\]\:text-white[data-state=on]{color:var(--color-white)}.data-\[state\=on\]\:text-yellow-700[data-state=on]{color:var(--color-yellow-700)}@media (hover:hover){.hover\:data-\[state\=on\]\:bg-gray-200:hover[data-state=on]{background-color:var(--color-gray-200)}.hover\:data-\[state\=on\]\:bg-gray-700:hover[data-state=on]{background-color:var(--color-gray-700)}.hover\:data-\[state\=on\]\:bg-green-50:hover[data-state=on]{background-color:var(--color-green-50)}.hover\:data-\[state\=on\]\:bg-green-700:hover[data-state=on]{background-color:var(--color-green-700)}.hover\:data-\[state\=on\]\:bg-magenta-50:hover[data-state=on]{background-color:var(--color-magenta-50)}.hover\:data-\[state\=on\]\:bg-magenta-700:hover[data-state=on]{background-color:var(--color-magenta-700)}.hover\:data-\[state\=on\]\:bg-purple-100:hover[data-state=on]{background-color:var(--color-purple-100)}.hover\:data-\[state\=on\]\:bg-purple-700:hover[data-state=on]{background-color:var(--color-purple-700)}.hover\:data-\[state\=on\]\:bg-robinblue-100:hover[data-state=on]{background-color:var(--color-robinblue-100)}.hover\:data-\[state\=on\]\:bg-robinblue-700:hover[data-state=on]{background-color:var(--color-robinblue-700)}.hover\:data-\[state\=on\]\:bg-yellow-50:hover[data-state=on]{background-color:var(--color-yellow-50)}.hover\:data-\[state\=on\]\:bg-yellow-700:hover[data-state=on]{background-color:var(--color-yellow-700)}}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-gray-200[data-state=open]{background-color:var(--color-gray-200)}.data-\[state\=open\]\:text-gray-900[data-state=open]{color:var(--color-gray-900)}.data-\[state\=open\]\:shadow-field-active[data-state=open]{--tw-shadow:0 0px 0px 1px var(--tw-shadow-color,#3d3f3e7a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=selected\]\:bg-gray-100[data-state=selected]{background-color:var(--color-gray-100)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-gray-900\/16[data-state=unchecked]{background-color:#3d3f3e29}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:bg-gray-900\/16[data-state=unchecked]{background-color:color-mix(in oklab,var(--color-gray-900)16%,transparent)}}@media (hover:hover){.data-\[state\=unchecked\]\:hover\:bg-gray-900\/24[data-state=unchecked]:hover{background-color:#3d3f3e3d}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:hover\:bg-gray-900\/24[data-state=unchecked]:hover{background-color:color-mix(in oklab,var(--color-gray-900)24%,transparent)}}}.data-\[state\=unchecked\]\:active\:bg-gray-900\/32[data-state=unchecked]:active{background-color:#3d3f3e52}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:active\:bg-gray-900\/32[data-state=unchecked]:active{background-color:color-mix(in oklab,var(--color-gray-900)32%,transparent)}}.data-\[variant\=destructive\]\:text-magenta-700[data-variant=destructive]{color:var(--color-magenta-700)}.data-\[variant\=destructive\]\:focus\:bg-magenta-100[data-variant=destructive]:focus{background-color:var(--color-magenta-100)}.data-\[variant\=destructive\]\:focus\:text-magenta-700[data-variant=destructive]:focus{color:var(--color-magenta-700)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:shadow[data-variant=outline]{--tw-shadow:0 4px 16px -1px var(--tw-shadow-color,#3d3f3e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}@media (min-width:640px){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}@media (min-width:768px){.md\:max-w-\[600px\]{max-width:600px}.md\:flex-row{flex-direction:row}}.\[\&_\[cmdk-group-heading\]\]\:px-8 [cmdk-group-heading]{padding-inline:var(--spacing-8)}.\[\&_\[cmdk-group-heading\]\]\:px-16 [cmdk-group-heading]{padding-inline:var(--spacing-16)}.\[\&_\[cmdk-group-heading\]\]\:py-8 [cmdk-group-heading]{padding-block:var(--spacing-8)}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-gray-900 [cmdk-group-heading]{color:var(--color-gray-900)}.\[\&_\[cmdk-group\]\]\:px-8 [cmdk-group]{padding-inline:var(--spacing-8)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:var(--spacing-0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-16 [cmdk-input-wrapper] svg{height:var(--spacing-16)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-16 [cmdk-input-wrapper] svg{width:var(--spacing-16)}.\[\&_\[cmdk-input\]\]\:h-48 [cmdk-input]{height:var(--spacing-48)}.\[\&_\[cmdk-item\]\]\:px-8 [cmdk-item]{padding-inline:var(--spacing-8)}.\[\&_\[cmdk-item\]\]\:py-8 [cmdk-item]{padding-block:var(--spacing-8)}.\[\&_\[cmdk-item\]_svg\]\:h-16 [cmdk-item] svg{height:var(--spacing-16)}.\[\&_\[cmdk-item\]_svg\]\:w-16 [cmdk-item] svg{width:var(--spacing-16)}.\[\&_i\]\:text-gray-600 i{color:var(--color-gray-600)}.\[\&_i\]\:data-\[state\=active\]\:text-purple-800 i[data-state=active]{color:var(--color-purple-800)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-gray-600 svg{color:var(--color-gray-600)}.data-\[state\=active\]\:\[\&_svg\]\:text-purple-800[data-state=active] svg{color:var(--color-purple-800)}.\[\&_svg\]\:data-\[state\=on\]\:text-gray-900 svg[data-state=on]{color:var(--color-gray-900)}.\[\&_svg\]\:data-\[state\=on\]\:text-green-800 svg[data-state=on]{color:var(--color-green-800)}.\[\&_svg\]\:data-\[state\=on\]\:text-magenta-700 svg[data-state=on]{color:var(--color-magenta-700)}.\[\&_svg\]\:data-\[state\=on\]\:text-purple-900 svg[data-state=on]{color:var(--color-purple-900)}.\[\&_svg\]\:data-\[state\=on\]\:text-robinblue-900 svg[data-state=on]{color:var(--color-robinblue-900)}.\[\&_svg\]\:data-\[state\=on\]\:text-white svg[data-state=on]{color:var(--color-white)}.\[\&_svg\]\:data-\[state\=on\]\:text-yellow-700 svg[data-state=on]{color:var(--color-yellow-700)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-16 svg:not([class*=size-]){width:var(--spacing-16);height:var(--spacing-16)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-24 svg:not([class*=size-]){width:var(--spacing-24);height:var(--spacing-24)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-gray-700 svg:not([class*=text-]){color:var(--color-gray-700)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-gray-900 svg:not([class*=text-]){color:var(--color-gray-900)}.\[\&_tr\:hover\]\:bg-gray-100 tr:hover{background-color:var(--color-gray-100)}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l:first-child[data-selected=true] button{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.\[\.border-b\]\:pb-24.border-b{padding-bottom:var(--spacing-24)}.\[\.border-t\]\:pt-24.border-t{padding-top:var(--spacing-24)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:flex-col>*):is(span):last-child{flex-direction:column}:is(.\*\:\[span\]\:last\:gap-8>*):is(span):last-child{gap:var(--spacing-8)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-magenta-700[data-variant=destructive]>*):is(svg){color:var(--color-magenta-700)!important}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r:last-child[data-selected=true] button{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.\[\&\>div\]\:bg-magenta-500>div{background-color:var(--color-magenta-500)}.\[\&\>span\]\:opacity-64>span{opacity:.64}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-gray-700>svg{color:var(--color-gray-700)}.\[\&\>svg\]\:text-gray-900>svg{color:var(--color-gray-900)}.\[\&\>svg\]\:text-green-500>svg{color:var(--color-green-500)}.\[\&\>svg\]\:text-magenta-500>svg{color:var(--color-magenta-500)}.\[\&\>svg\]\:text-yellow-500>svg{color:var(--color-yellow-500)}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes pageLoader{0%{width:0%}to{width:100%}}
package/dist/index13.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),y=require("lucide-react"),d=require("react"),l=require("./index6.cjs"),u=require("./index20.cjs"),b=require("./index39.cjs");function q({children:p,label:m,selectedLabel:c,trigger:j,i18n:s,value:t,onOpenChange:f,onApply:o,contentProps:h={},buttonProps:R={},clearable:a=!0,...g}){const[E,x]=d.useState(!1),[i,r]=d.useState(t||null),v=t?c?c(t):t.toString():m,w=e.jsxRuntimeExports.jsxs(l.Button,{variant:t?"filled":"outline",intent:t?"filter":"secondary",size:"sm",className:b.cn("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",{"pr-12":!!t}),...R,children:[v,a&&t&&e.jsxRuntimeExports.jsx(y.LucideX,{className:"w-16 h-16 rounded hover:bg-purple-100 shrink-0",onClick:n=>{n.preventDefault(),r(null),o?.(void 0)}})]});return e.jsxRuntimeExports.jsxs(u.Popover,{open:E,onOpenChange:n=>{f?.(n),n||o?.(i||void 0),n&&r(t||null),x(n)},...g,children:[e.jsxRuntimeExports.jsx(u.PopoverTrigger,{asChild:!0,children:j||w}),e.jsxRuntimeExports.jsx(u.PopoverContent,{className:"w-full min-w-[200px]",align:"start",...h,children:e.jsxRuntimeExports.jsxs("form",{onSubmit:n=>{n.preventDefault(),o?.(i||void 0),x(!1)},children:[e.jsxRuntimeExports.jsx("div",{children:p({onFilterChange:r,filterValue:i})}),e.jsxRuntimeExports.jsxs("div",{className:"w-full flex justify-between mt-16",children:[a&&i&&s.clear&&e.jsxRuntimeExports.jsx(l.Button,{variant:"link",intent:"secondary",size:"fit-content",type:"button",onClick:()=>{r(null)},children:s.clear}),s.apply&&e.jsxRuntimeExports.jsx(l.Button,{className:"ml-auto",variant:"link",size:"fit-content",type:"submit",children:s.apply})]})]})})]})}exports.Filter=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),q=require("lucide-react"),m=require("react"),u=require("./index6.cjs"),c=require("./index20.cjs"),B=require("./index39.cjs");function O({children:j,label:g,selectedLabel:x,trigger:h,i18n:s,value:n,onOpenChange:E,onApply:o,contentProps:R={},buttonProps:v={},clearable:d=!0,...y}){const[C,p]=m.useState(!1),[i,r]=m.useState(n||null),N=n?x?x(n):n.toString():g,T=e.jsxRuntimeExports.jsxs(u.Button,{variant:n?"filled":"outline",intent:n?"filter":"secondary",size:"sm",className:B.cn("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",{"pr-12":!!n}),...v,children:[N,d&&n&&e.jsxRuntimeExports.jsx(q.LucideX,{className:"w-16 h-16 rounded hover:bg-purple-100 shrink-0",onClick:t=>{t.preventDefault(),r(null),o?.(void 0)}})]});function f(){o?.(i??void 0),p(!1)}return e.jsxRuntimeExports.jsxs(c.Popover,{open:C,onOpenChange:t=>{E?.(t),t||o?.(i??void 0),t&&r(n??null),p(t)},...y,children:[e.jsxRuntimeExports.jsx(c.PopoverTrigger,{asChild:!0,children:h||T}),e.jsxRuntimeExports.jsx(c.PopoverContent,{className:"w-full min-w-[200px]",align:"start",...R,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{onKeyDown:t=>{if(t.defaultPrevented||t.key!=="Enter")return;const l=t.target;if(!l)return;const a=l.tagName,w=a==="INPUT",b=a==="TEXTAREA",k=a==="BUTTON",P=l.isContentEditable;!w||b||k||P||(t.preventDefault(),t.stopPropagation(),f())},children:j({onFilterChange:r,filterValue:i})}),e.jsxRuntimeExports.jsxs("div",{className:"w-full flex justify-between mt-16",children:[d&&i&&s.clear&&e.jsxRuntimeExports.jsx(u.Button,{variant:"link",intent:"secondary",size:"fit-content",type:"button",onClick:()=>r(null),children:s.clear}),s.apply&&e.jsxRuntimeExports.jsx(u.Button,{className:"ml-auto",variant:"link",size:"fit-content",type:"button",onClick:t=>{t.preventDefault(),f()},children:s.apply})]})]})})]})}exports.Filter=O;
2
2
  //# sourceMappingURL=index13.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index13.cjs","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n buttonProps?: ButtonProps\n clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n buttonProps = {},\n clearable = true,\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n {...buttonProps}\n >\n {filterLabel}\n {clearable && value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue || undefined)\n if (open) setLocalValue(value || null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <form\n onSubmit={event => {\n event.preventDefault()\n onApply?.(localValue || undefined)\n setIsOpen(false)\n }}\n >\n <div>\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {clearable && localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => {\n setLocalValue(null)\n }}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"submit\"\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </form>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":"8OA0CA,SAASA,EAAU,CACjB,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAA,EACf,YAAAC,EAAc,CAAA,EACd,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAAmBT,GAAS,IAAI,EAEpEY,EAAcZ,EAChBH,EACEA,EAAcG,CAAK,EACnBA,EAAM,WACRJ,EAEEiB,EACJC,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,QAASf,EAAQ,SAAW,UAC5B,OAAQA,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAWgB,EAAAA,GACT,yEACA,CACE,QAAS,CAAC,CAAChB,CAAA,CACb,EAED,GAAGI,EAEH,SAAA,CAAAQ,EACAP,GAAaL,GACZiB,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,UAAU,iDACV,QAASC,GAAK,CACZA,EAAE,eAAA,EACFR,EAAc,IAAI,EAClBT,IAAU,MAAS,CACrB,CAAA,CAAA,CACF,CAAA,CAAA,EAKN,OACEY,EAAAA,kBAAAA,KAACM,EAAAA,QAAA,CACC,KAAMb,EACN,aAAcc,GAAQ,CACpBpB,IAAeoB,CAAI,EACdA,GAAMnB,IAAUQ,GAAc,MAAS,EACxCW,GAAMV,EAAcX,GAAS,IAAI,EACrCQ,EAAUa,CAAI,CAChB,EACC,GAAGf,EAEJ,SAAA,CAAAW,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CAAe,QAAO,GAAE,SAAAxB,GAAWe,EAAe,EACnDI,EAAAA,kBAAAA,IAACM,EAAAA,eAAA,CACC,UAAU,uBACV,MAAM,QACL,GAAGpB,EAEJ,SAAAW,EAAAA,kBAAAA,KAAC,OAAA,CACC,SAAUU,GAAS,CACjBA,EAAM,eAAA,EACNtB,IAAUQ,GAAc,MAAS,EACjCF,EAAU,EAAK,CACjB,EAEA,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,OACE,SAAAtB,EAAS,CACR,eAAgBgB,EAChB,YAAaD,CAAA,CACd,EACH,EACAI,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oCACZ,SAAA,CAAAT,GAAaK,GAAcX,EAAK,OAC/BkB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,QAAS,IAAM,CACbJ,EAAc,IAAI,CACpB,EAEC,SAAAZ,EAAK,KAAA,CAAA,EAGTA,EAAK,OACJkB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SAEJ,SAAAhB,EAAK,KAAA,CAAA,CACR,CAAA,CAEJ,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAGN"}
1
+ {"version":3,"file":"index13.cjs","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n buttonProps?: ButtonProps\n clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n buttonProps = {},\n clearable = true,\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n {...buttonProps}\n >\n {filterLabel}\n {clearable && value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n function handleApply() {\n onApply?.(localValue ?? undefined)\n setIsOpen(false)\n }\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue ?? undefined)\n if (open) setLocalValue(value ?? null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <div>\n <div\n onKeyDown={e => {\n if (e.defaultPrevented) return\n if (e.key !== 'Enter') return\n const target = e.target as HTMLElement | null\n if (!target) return\n const tagName = target.tagName\n const isInput = tagName === 'INPUT'\n const isTextarea = tagName === 'TEXTAREA'\n const isButton = tagName === 'BUTTON'\n const isContentEditable = target.isContentEditable\n // Only apply on Enter from filter input fields, not from buttons,\n // textareas, or other interactive/contenteditable elements.\n if (!isInput || isTextarea || isButton || isContentEditable) {\n return\n }\n e.preventDefault()\n e.stopPropagation()\n handleApply()\n }}\n >\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {clearable && localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => setLocalValue(null)}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"button\"\n onClick={e => {\n e.preventDefault()\n handleApply()\n }}\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","handleApply","Popover","open","PopoverTrigger","PopoverContent","target","tagName","isInput","isTextarea","isButton","isContentEditable"],"mappings":"8OA0CA,SAASA,EAAU,CACjB,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAA,EACf,YAAAC,EAAc,CAAA,EACd,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAAmBT,GAAS,IAAI,EAEpEY,EAAcZ,EAChBH,EACEA,EAAcG,CAAK,EACnBA,EAAM,WACRJ,EAEEiB,EACJC,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,QAASf,EAAQ,SAAW,UAC5B,OAAQA,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAWgB,EAAAA,GACT,yEACA,CACE,QAAS,CAAC,CAAChB,CAAA,CACb,EAED,GAAGI,EAEH,SAAA,CAAAQ,EACAP,GAAaL,GACZiB,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,UAAU,iDACV,QAASC,GAAK,CACZA,EAAE,eAAA,EACFR,EAAc,IAAI,EAClBT,IAAU,MAAS,CACrB,CAAA,CAAA,CACF,CAAA,CAAA,EAKN,SAASkB,GAAc,CACrBlB,IAAUQ,GAAc,MAAS,EACjCF,EAAU,EAAK,CACjB,CAEA,OACEM,EAAAA,kBAAAA,KAACO,EAAAA,QAAA,CACC,KAAMd,EACN,aAAce,GAAQ,CACpBrB,IAAeqB,CAAI,EACdA,GAAMpB,IAAUQ,GAAc,MAAS,EACxCY,GAAMX,EAAcX,GAAS,IAAI,EACrCQ,EAAUc,CAAI,CAChB,EACC,GAAGhB,EAEJ,SAAA,CAAAW,EAAAA,kBAAAA,IAACM,EAAAA,eAAA,CAAe,QAAO,GAAE,SAAAzB,GAAWe,EAAe,EACnDI,EAAAA,kBAAAA,IAACO,EAAAA,eAAA,CACC,UAAU,uBACV,MAAM,QACL,GAAGrB,EAEJ,kCAAC,MAAA,CACC,SAAA,CAAAc,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWE,GAAK,CAEd,GADIA,EAAE,kBACFA,EAAE,MAAQ,QAAS,OACvB,MAAMM,EAASN,EAAE,OACjB,GAAI,CAACM,EAAQ,OACb,MAAMC,EAAUD,EAAO,QACjBE,EAAUD,IAAY,QACtBE,EAAaF,IAAY,WACzBG,EAAWH,IAAY,SACvBI,EAAoBL,EAAO,kBAG7B,CAACE,GAAWC,GAAcC,GAAYC,IAG1CX,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFC,EAAA,EACF,EAEC,SAAAzB,EAAS,CACR,eAAgBgB,EAChB,YAAaD,CAAA,CACd,CAAA,CAAA,EAEHI,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oCACZ,SAAA,CAAAT,GAAaK,GAAcX,EAAK,OAC/BkB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,QAAS,IAAMJ,EAAc,IAAI,EAEhC,SAAAZ,EAAK,KAAA,CAAA,EAGTA,EAAK,OACJkB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SACL,QAASI,GAAK,CACZA,EAAE,eAAA,EACFC,EAAA,CACF,EAEC,SAAArB,EAAK,KAAA,CAAA,CACR,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
package/dist/index13.js CHANGED
@@ -1,105 +1,113 @@
1
1
  import { j as e } from "./index37.js";
2
- import { LucideX as k } from "lucide-react";
2
+ import { LucideX as D } from "lucide-react";
3
3
  import m from "react";
4
- import { Button as o } from "./index6.js";
5
- import { Popover as y, PopoverTrigger as N, PopoverContent as b } from "./index20.js";
6
- import { cn as S } from "./index39.js";
7
- function L({
8
- children: d,
9
- label: p,
10
- selectedLabel: a,
11
- trigger: u,
12
- i18n: n,
13
- value: t,
14
- onOpenChange: x,
15
- onApply: l,
16
- contentProps: h = {},
17
- buttonProps: j = {},
18
- clearable: c = !0,
19
- ...g
4
+ import { Button as c } from "./index6.js";
5
+ import { Popover as O, PopoverTrigger as z, PopoverContent as B } from "./index20.js";
6
+ import { cn as I } from "./index39.js";
7
+ function X({
8
+ children: x,
9
+ label: h,
10
+ selectedLabel: f,
11
+ trigger: g,
12
+ i18n: r,
13
+ value: n,
14
+ onOpenChange: j,
15
+ onApply: s,
16
+ contentProps: v = {},
17
+ buttonProps: C = {},
18
+ clearable: u = !0,
19
+ ...N
20
20
  }) {
21
- const [w, f] = m.useState(!1), [i, s] = m.useState(t || null), v = t ? a ? a(t) : t.toString() : p, C = /* @__PURE__ */ e.jsxs(
22
- o,
21
+ const [w, d] = m.useState(!1), [i, o] = m.useState(n || null), y = n ? f ? f(n) : n.toString() : h, T = /* @__PURE__ */ e.jsxs(
22
+ c,
23
23
  {
24
- variant: t ? "filled" : "outline",
25
- intent: t ? "filter" : "secondary",
24
+ variant: n ? "filled" : "outline",
25
+ intent: n ? "filter" : "secondary",
26
26
  size: "sm",
27
- className: S(
27
+ className: I(
28
28
  "font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",
29
29
  {
30
- "pr-12": !!t
30
+ "pr-12": !!n
31
31
  }
32
32
  ),
33
- ...j,
33
+ ...C,
34
34
  children: [
35
- v,
36
- c && t && /* @__PURE__ */ e.jsx(
37
- k,
35
+ y,
36
+ u && n && /* @__PURE__ */ e.jsx(
37
+ D,
38
38
  {
39
39
  className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
40
- onClick: (r) => {
41
- r.preventDefault(), s(null), l?.(void 0);
40
+ onClick: (t) => {
41
+ t.preventDefault(), o(null), s?.(void 0);
42
42
  }
43
43
  }
44
44
  )
45
45
  ]
46
46
  }
47
47
  );
48
+ function p() {
49
+ s?.(i ?? void 0), d(!1);
50
+ }
48
51
  return /* @__PURE__ */ e.jsxs(
49
- y,
52
+ O,
50
53
  {
51
54
  open: w,
52
- onOpenChange: (r) => {
53
- x?.(r), r || l?.(i || void 0), r && s(t || null), f(r);
55
+ onOpenChange: (t) => {
56
+ j?.(t), t || s?.(i ?? void 0), t && o(n ?? null), d(t);
54
57
  },
55
- ...g,
58
+ ...N,
56
59
  children: [
57
- /* @__PURE__ */ e.jsx(N, { asChild: !0, children: u || C }),
60
+ /* @__PURE__ */ e.jsx(z, { asChild: !0, children: g || T }),
58
61
  /* @__PURE__ */ e.jsx(
59
- b,
62
+ B,
60
63
  {
61
64
  className: "w-full min-w-[200px]",
62
65
  align: "start",
63
- ...h,
64
- children: /* @__PURE__ */ e.jsxs(
65
- "form",
66
- {
67
- onSubmit: (r) => {
68
- r.preventDefault(), l?.(i || void 0), f(!1);
69
- },
70
- children: [
71
- /* @__PURE__ */ e.jsx("div", { children: d({
72
- onFilterChange: s,
66
+ ...v,
67
+ children: /* @__PURE__ */ e.jsxs("div", { children: [
68
+ /* @__PURE__ */ e.jsx(
69
+ "div",
70
+ {
71
+ onKeyDown: (t) => {
72
+ if (t.defaultPrevented || t.key !== "Enter") return;
73
+ const l = t.target;
74
+ if (!l) return;
75
+ const a = l.tagName, k = a === "INPUT", E = a === "TEXTAREA", P = a === "BUTTON", b = l.isContentEditable;
76
+ !k || E || P || b || (t.preventDefault(), t.stopPropagation(), p());
77
+ },
78
+ children: x({
79
+ onFilterChange: o,
73
80
  filterValue: i
74
- }) }),
75
- /* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
76
- c && i && n.clear && /* @__PURE__ */ e.jsx(
77
- o,
78
- {
79
- variant: "link",
80
- intent: "secondary",
81
- size: "fit-content",
82
- type: "button",
83
- onClick: () => {
84
- s(null);
85
- },
86
- children: n.clear
87
- }
88
- ),
89
- n.apply && /* @__PURE__ */ e.jsx(
90
- o,
91
- {
92
- className: "ml-auto",
93
- variant: "link",
94
- size: "fit-content",
95
- type: "submit",
96
- children: n.apply
97
- }
98
- )
99
- ] })
100
- ]
101
- }
102
- )
81
+ })
82
+ }
83
+ ),
84
+ /* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
85
+ u && i && r.clear && /* @__PURE__ */ e.jsx(
86
+ c,
87
+ {
88
+ variant: "link",
89
+ intent: "secondary",
90
+ size: "fit-content",
91
+ type: "button",
92
+ onClick: () => o(null),
93
+ children: r.clear
94
+ }
95
+ ),
96
+ r.apply && /* @__PURE__ */ e.jsx(
97
+ c,
98
+ {
99
+ className: "ml-auto",
100
+ variant: "link",
101
+ size: "fit-content",
102
+ type: "button",
103
+ onClick: (t) => {
104
+ t.preventDefault(), p();
105
+ },
106
+ children: r.apply
107
+ }
108
+ )
109
+ ] })
110
+ ] })
103
111
  }
104
112
  )
105
113
  ]
@@ -107,6 +115,6 @@ function L({
107
115
  );
108
116
  }
109
117
  export {
110
- L as Filter
118
+ X as Filter
111
119
  };
112
120
  //# sourceMappingURL=index13.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index13.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n buttonProps?: ButtonProps\n clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n buttonProps = {},\n clearable = true,\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n {...buttonProps}\n >\n {filterLabel}\n {clearable && value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue || undefined)\n if (open) setLocalValue(value || null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <form\n onSubmit={event => {\n event.preventDefault()\n onApply?.(localValue || undefined)\n setIsOpen(false)\n }}\n >\n <div>\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {clearable && localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => {\n setLocalValue(null)\n }}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"submit\"\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </form>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":";;;;;;AA0CA,SAASA,EAAU;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,aAAAC,IAAc,CAAA;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAmB;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAYC,CAAa,IAAIF,EAAM,SAAmBT,KAAS,IAAI,GAEpEY,IAAcZ,IAChBH,IACEA,EAAcG,CAAK,IACnBA,EAAM,aACRJ,GAEEiB,IACJC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASf,IAAQ,WAAW;AAAA,MAC5B,QAAQA,IAAQ,WAAW;AAAA,MAC3B,MAAK;AAAA,MACL,WAAWgB;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS,CAAC,CAAChB;AAAA,QAAA;AAAA,MACb;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACAP,KAAaL,KACZiB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,CAAAC,MAAK;AACZ,cAAAA,EAAE,eAAA,GACFR,EAAc,IAAI,GAClBT,IAAU,MAAS;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAKN,SACEY,gBAAAA,EAAAA;AAAAA,IAACM;AAAA,IAAA;AAAA,MACC,MAAMb;AAAA,MACN,cAAc,CAAAc,MAAQ;AACpB,QAAApB,IAAeoB,CAAI,GACdA,KAAMnB,IAAUQ,KAAc,MAAS,GACxCW,KAAMV,EAAcX,KAAS,IAAI,GACrCQ,EAAUa,CAAI;AAAA,MAChB;AAAA,MACC,GAAGf;AAAA,MAEJ,UAAA;AAAA,QAAAW,gBAAAA,EAAAA,IAACK,GAAA,EAAe,SAAO,IAAE,UAAAxB,KAAWe,GAAe;AAAA,QACnDI,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACL,GAAGpB;AAAA,YAEJ,UAAAW,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,UAAU,CAAAU,MAAS;AACjB,kBAAAA,EAAM,eAAA,GACNtB,IAAUQ,KAAc,MAAS,GACjCF,EAAU,EAAK;AAAA,gBACjB;AAAA,gBAEA,UAAA;AAAA,kBAAAS,gBAAAA,EAAAA,IAAC,SACE,UAAAtB,EAAS;AAAA,oBACR,gBAAgBgB;AAAA,oBAChB,aAAaD;AAAA,kBAAA,CACd,GACH;AAAA,kBACAI,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,oBAAAT,KAAaK,KAAcX,EAAK,SAC/BkB,gBAAAA,EAAAA;AAAAA,sBAACF;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,QAAO;AAAA,wBACP,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,SAAS,MAAM;AACb,0BAAAJ,EAAc,IAAI;AAAA,wBACpB;AAAA,wBAEC,UAAAZ,EAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGTA,EAAK,SACJkB,gBAAAA,EAAAA;AAAAA,sBAACF;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,SAAQ;AAAA,wBACR,MAAK;AAAA,wBACL,MAAK;AAAA,wBAEJ,UAAAhB,EAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACR,EAAA,CAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"index13.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n buttonProps?: ButtonProps\n clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n buttonProps = {},\n clearable = true,\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n {...buttonProps}\n >\n {filterLabel}\n {clearable && value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n function handleApply() {\n onApply?.(localValue ?? undefined)\n setIsOpen(false)\n }\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue ?? undefined)\n if (open) setLocalValue(value ?? null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <div>\n <div\n onKeyDown={e => {\n if (e.defaultPrevented) return\n if (e.key !== 'Enter') return\n const target = e.target as HTMLElement | null\n if (!target) return\n const tagName = target.tagName\n const isInput = tagName === 'INPUT'\n const isTextarea = tagName === 'TEXTAREA'\n const isButton = tagName === 'BUTTON'\n const isContentEditable = target.isContentEditable\n // Only apply on Enter from filter input fields, not from buttons,\n // textareas, or other interactive/contenteditable elements.\n if (!isInput || isTextarea || isButton || isContentEditable) {\n return\n }\n e.preventDefault()\n e.stopPropagation()\n handleApply()\n }}\n >\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {clearable && localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => setLocalValue(null)}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"button\"\n onClick={e => {\n e.preventDefault()\n handleApply()\n }}\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","handleApply","Popover","open","PopoverTrigger","PopoverContent","target","tagName","isInput","isTextarea","isButton","isContentEditable"],"mappings":";;;;;;AA0CA,SAASA,EAAU;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,aAAAC,IAAc,CAAA;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAmB;AACjB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAYC,CAAa,IAAIF,EAAM,SAAmBT,KAAS,IAAI,GAEpEY,IAAcZ,IAChBH,IACEA,EAAcG,CAAK,IACnBA,EAAM,aACRJ,GAEEiB,IACJC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASf,IAAQ,WAAW;AAAA,MAC5B,QAAQA,IAAQ,WAAW;AAAA,MAC3B,MAAK;AAAA,MACL,WAAWgB;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS,CAAC,CAAChB;AAAA,QAAA;AAAA,MACb;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACAP,KAAaL,KACZiB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,CAAAC,MAAK;AACZ,cAAAA,EAAE,eAAA,GACFR,EAAc,IAAI,GAClBT,IAAU,MAAS;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAKN,WAASkB,IAAc;AACrB,IAAAlB,IAAUQ,KAAc,MAAS,GACjCF,EAAU,EAAK;AAAA,EACjB;AAEA,SACEM,gBAAAA,EAAAA;AAAAA,IAACO;AAAA,IAAA;AAAA,MACC,MAAMd;AAAA,MACN,cAAc,CAAAe,MAAQ;AACpB,QAAArB,IAAeqB,CAAI,GACdA,KAAMpB,IAAUQ,KAAc,MAAS,GACxCY,KAAMX,EAAcX,KAAS,IAAI,GACrCQ,EAAUc,CAAI;AAAA,MAChB;AAAA,MACC,GAAGhB;AAAA,MAEJ,UAAA;AAAA,QAAAW,gBAAAA,EAAAA,IAACM,GAAA,EAAe,SAAO,IAAE,UAAAzB,KAAWe,GAAe;AAAA,QACnDI,gBAAAA,EAAAA;AAAAA,UAACO;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACL,GAAGrB;AAAA,YAEJ,iCAAC,OAAA,EACC,UAAA;AAAA,cAAAc,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,CAAAE,MAAK;AAEd,wBADIA,EAAE,oBACFA,EAAE,QAAQ,QAAS;AACvB,0BAAMM,IAASN,EAAE;AACjB,wBAAI,CAACM,EAAQ;AACb,0BAAMC,IAAUD,EAAO,SACjBE,IAAUD,MAAY,SACtBE,IAAaF,MAAY,YACzBG,IAAWH,MAAY,UACvBI,IAAoBL,EAAO;AAGjC,oBAAI,CAACE,KAAWC,KAAcC,KAAYC,MAG1CX,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFC,EAAA;AAAA,kBACF;AAAA,kBAEC,UAAAzB,EAAS;AAAA,oBACR,gBAAgBgB;AAAA,oBAChB,aAAaD;AAAA,kBAAA,CACd;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEHI,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,gBAAAT,KAAaK,KAAcX,EAAK,SAC/BkB,gBAAAA,EAAAA;AAAAA,kBAACF;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAS,MAAMJ,EAAc,IAAI;AAAA,oBAEhC,UAAAZ,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGTA,EAAK,SACJkB,gBAAAA,EAAAA;AAAAA,kBAACF;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,SAAS,CAAAI,MAAK;AACZ,sBAAAA,EAAE,eAAA,GACFC,EAAA;AAAA,oBACF;AAAA,oBAEC,UAAArB,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR,EAAA,CAEJ;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
package/dist/index20.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),a=require("@radix-ui/react-popover"),s=require("./index39.cjs");function d(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const n=d(a);function p({...t}){return r.jsxRuntimeExports.jsx(n.Root,{"data-slot":"popover",...t})}function u({...t}){return r.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"popover-trigger",...t})}function c({className:t,align:o="center",sideOffset:e=4,...i}){return r.jsxRuntimeExports.jsx(n.Portal,{children:r.jsxRuntimeExports.jsx(n.Content,{"data-slot":"popover-content",align:o,sideOffset:e,className:s.cn("bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden",t),...i})})}function l({...t}){return r.jsxRuntimeExports.jsx(n.Anchor,{"data-slot":"popover-anchor",...t})}exports.Popover=p;exports.PopoverAnchor=l;exports.PopoverContent=c;exports.PopoverTrigger=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),p=require("@radix-ui/react-popover"),u=require("./index39.cjs");function c(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const n=c(p);function l({...t}){return r.jsxRuntimeExports.jsx(n.Root,{"data-slot":"popover",...t})}function m({...t}){return r.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"popover-trigger",...t})}function f({className:t,align:o="center",sideOffset:e=4,portalled:i=!0,container:s,...d}){const a=r.jsxRuntimeExports.jsx(n.Content,{"data-slot":"popover-content",align:o,sideOffset:e,className:u.cn("bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden",t),...d});return i?r.jsxRuntimeExports.jsx(n.Portal,{container:s,children:a}):a}function g({...t}){return r.jsxRuntimeExports.jsx(n.Anchor,{"data-slot":"popover-anchor",...t})}exports.Popover=l;exports.PopoverAnchor=g;exports.PopoverContent=f;exports.PopoverTrigger=m;
2
2
  //# sourceMappingURL=index20.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index20.cjs","sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = 'center',\n sideOffset = 4,\n ...props\n}: PopoverContentProps) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n typeof PopoverPrimitive.Content\n>\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","jsx","cn","PopoverAnchor"],"mappings":"2cAMA,SAASA,EAAQ,CACf,GAAGC,CACL,EAAuD,CACrD,+BAAQC,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,CAC/D,CAEA,SAASE,EAAe,CACtB,GAAGF,CACL,EAA0D,CACxD,+BAAQC,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASG,EAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,GAAGN,CACL,EAAwB,CACtB,OACEO,EAAAA,kBAAAA,IAACN,EAAiB,OAAjB,CACC,SAAAM,EAAAA,kBAAAA,IAACN,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAAI,EACA,WAAAC,EACA,UAAWE,EAAAA,GACT,2eACAJ,CAAA,EAED,GAAGJ,CAAA,CAAA,EAER,CAEJ,CAEA,SAASS,EAAc,CACrB,GAAGT,CACL,EAAyD,CACvD,+BAAQC,EAAiB,OAAjB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE"}
1
+ {"version":3,"file":"index20.cjs","sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = 'center',\n sideOffset = 4,\n portalled = true,\n container,\n ...props\n}: PopoverContentProps) {\n const content = (\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n className\n )}\n {...props}\n />\n )\n\n if (!portalled) return content\n\n return (\n <PopoverPrimitive.Portal container={container}>\n {content}\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n typeof PopoverPrimitive.Content\n> & {\n portalled?: boolean\n container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","portalled","container","content","jsx","cn","PopoverAnchor"],"mappings":"2cAMA,SAASA,EAAQ,CACf,GAAGC,CACL,EAAuD,CACrD,+BAAQC,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,CAC/D,CAEA,SAASE,EAAe,CACtB,GAAGF,CACL,EAA0D,CACxD,+BAAQC,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASG,EAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,UAAAC,EAAY,GACZ,UAAAC,EACA,GAAGR,CACL,EAAwB,CACtB,MAAMS,EACJC,EAAAA,kBAAAA,IAACT,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAAI,EACA,WAAAC,EACA,UAAWK,EAAAA,GACT,2eACAP,CAAA,EAED,GAAGJ,CAAA,CAAA,EAIR,OAAKO,EAGHG,EAAAA,kBAAAA,IAACT,EAAiB,OAAjB,CAAwB,UAAAO,EACtB,SAAAC,EACH,EALqBA,CAOzB,CAEA,SAASG,EAAc,CACrB,GAAGZ,CACL,EAAyD,CACvD,+BAAQC,EAAiB,OAAjB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE"}
package/dist/index20.js CHANGED
@@ -1,45 +1,48 @@
1
- import { j as t } from "./index37.js";
1
+ import { j as o } from "./index37.js";
2
2
  import * as e from "@radix-ui/react-popover";
3
- import { cn as i } from "./index39.js";
4
- function p({
5
- ...o
3
+ import { cn as p } from "./index39.js";
4
+ function f({
5
+ ...t
6
6
  }) {
7
- return /* @__PURE__ */ t.jsx(e.Root, { "data-slot": "popover", ...o });
7
+ return /* @__PURE__ */ o.jsx(e.Root, { "data-slot": "popover", ...t });
8
8
  }
9
- function m({
10
- ...o
9
+ function l({
10
+ ...t
11
11
  }) {
12
- return /* @__PURE__ */ t.jsx(e.Trigger, { "data-slot": "popover-trigger", ...o });
12
+ return /* @__PURE__ */ o.jsx(e.Trigger, { "data-slot": "popover-trigger", ...t });
13
13
  }
14
- function l({
15
- className: o,
16
- align: r = "center",
17
- sideOffset: a = 4,
18
- ...n
14
+ function u({
15
+ className: t,
16
+ align: a = "center",
17
+ sideOffset: n = 4,
18
+ portalled: i = !0,
19
+ container: d,
20
+ ...s
19
21
  }) {
20
- return /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsx(
22
+ const r = /* @__PURE__ */ o.jsx(
21
23
  e.Content,
22
24
  {
23
25
  "data-slot": "popover-content",
24
- align: r,
25
- sideOffset: a,
26
- className: i(
26
+ align: a,
27
+ sideOffset: n,
28
+ className: p(
27
29
  "bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden",
28
- o
30
+ t
29
31
  ),
30
- ...n
32
+ ...s
31
33
  }
32
- ) });
34
+ );
35
+ return i ? /* @__PURE__ */ o.jsx(e.Portal, { container: d, children: r }) : r;
33
36
  }
34
- function c({
35
- ...o
37
+ function g({
38
+ ...t
36
39
  }) {
37
- return /* @__PURE__ */ t.jsx(e.Anchor, { "data-slot": "popover-anchor", ...o });
40
+ return /* @__PURE__ */ o.jsx(e.Anchor, { "data-slot": "popover-anchor", ...t });
38
41
  }
39
42
  export {
40
- p as Popover,
41
- c as PopoverAnchor,
42
- l as PopoverContent,
43
- m as PopoverTrigger
43
+ f as Popover,
44
+ g as PopoverAnchor,
45
+ u as PopoverContent,
46
+ l as PopoverTrigger
44
47
  };
45
48
  //# sourceMappingURL=index20.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index20.js","sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = 'center',\n sideOffset = 4,\n ...props\n}: PopoverContentProps) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n typeof PopoverPrimitive.Content\n>\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","jsx","cn","PopoverAnchor"],"mappings":";;;AAMA,SAASA,EAAQ;AAAA,EACf,GAAGC;AACL,GAAuD;AACrD,+BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACtB,GAAGF;AACL,GAA0D;AACxD,+BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,GAAGN;AACL,GAAwB;AACtB,SACEO,gBAAAA,EAAAA,IAACN,EAAiB,QAAjB,EACC,UAAAM,gBAAAA,EAAAA;AAAAA,IAACN,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAASS,EAAc;AAAA,EACrB,GAAGT;AACL,GAAyD;AACvD,+BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}
1
+ {"version":3,"file":"index20.js","sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n className,\n align = 'center',\n sideOffset = 4,\n portalled = true,\n container,\n ...props\n}: PopoverContentProps) {\n const content = (\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n 'bg-white text-gray-800 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n className\n )}\n {...props}\n />\n )\n\n if (!portalled) return content\n\n return (\n <PopoverPrimitive.Portal container={container}>\n {content}\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n typeof PopoverPrimitive.Content\n> & {\n portalled?: boolean\n container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","portalled","container","content","jsx","cn","PopoverAnchor"],"mappings":";;;AAMA,SAASA,EAAQ;AAAA,EACf,GAAGC;AACL,GAAuD;AACrD,+BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe;AAAA,EACtB,GAAGF;AACL,GAA0D;AACxD,+BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGR;AACL,GAAwB;AACtB,QAAMS,IACJC,gBAAAA,EAAAA;AAAAA,IAACT,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAIR,SAAKO,IAGHG,gBAAAA,EAAAA,IAACT,EAAiB,QAAjB,EAAwB,WAAAO,GACtB,UAAAC,GACH,IALqBA;AAOzB;AAEA,SAASG,EAAc;AAAA,EACrB,GAAGZ;AACL,GAAyD;AACvD,+BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;"}
package/dist/index30.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),o=require("@radix-ui/react-tabs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const s=c(o);function u({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Root,{"data-slot":"tabs",className:t,...e})}function l({className:t,...e}){return n.jsxRuntimeExports.jsx(s.List,{"data-slot":"tabs-list",className:r.cn("inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",t),...e})}function b({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Trigger,{"data-slot":"tabs-trigger",className:r.cn("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all","focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64","hover:bg-gray-900/8 active:bg-gray-900/12","data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800","data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",t),...e})}function g({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Content,{"data-slot":"tabs-content",className:r.cn("flex-1 outline-none",t),...e})}exports.Tabs=u;exports.TabsContent=g;exports.TabsList=l;exports.TabsTrigger=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),o=require("@radix-ui/react-tabs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const s=c(o);function u({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Root,{"data-slot":"tabs",className:t,...e})}function l({className:t,...e}){return n.jsxRuntimeExports.jsx(s.List,{"data-slot":"tabs-list",className:r.cn("inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600",t),...e})}function b({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Trigger,{"data-slot":"tabs-trigger",className:r.cn("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all","focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64","hover:bg-gray-900/8 active:bg-gray-900/12","data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800","data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",t),...e})}function p({className:t,...e}){return n.jsxRuntimeExports.jsx(s.Content,{"data-slot":"tabs-content",className:r.cn("flex-1 outline-none",t),...e})}exports.Tabs=u;exports.TabsContent=p;exports.TabsList=l;exports.TabsTrigger=b;
2
2
  //# sourceMappingURL=index30.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index30.cjs","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":"wcAMA,SAASA,EAAK,CACZ,UAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CAAmB,YAAU,OAAO,UAAAH,EAAuB,GAAGC,EAAO,CAE1E,CAEA,SAASG,EAAS,CAChB,UAAAJ,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CACC,YAAU,YACV,UAAWE,EAAAA,GACT,qKACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CACnB,UAAAN,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GACT,kGACA,8EACA,4CACA,gJACA,wFACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CACnB,UAAAP,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,sBAAuBL,CAAS,EAC7C,GAAGC,CAAA,CAAA,CAGV"}
1
+ {"version":3,"file":"index30.cjs","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":"wcAMA,SAASA,EAAK,CACZ,UAAAC,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CAAmB,YAAU,OAAO,UAAAH,EAAuB,GAAGC,EAAO,CAE1E,CAEA,SAASG,EAAS,CAChB,UAAAJ,EACA,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,KAAd,CACC,YAAU,YACV,UAAWE,EAAAA,GACT,kKACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CACnB,UAAAN,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GACT,2GACA,8EACA,4CACA,gJACA,wFACAL,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASM,EAAY,CACnB,UAAAP,EACA,GAAGC,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACC,EAAc,QAAd,CACC,YAAU,eACV,UAAWE,EAAAA,GAAG,sBAAuBL,CAAS,EAC7C,GAAGC,CAAA,CAAA,CAGV"}
package/dist/index30.js CHANGED
@@ -16,14 +16,14 @@ function l({
16
16
  {
17
17
  "data-slot": "tabs-list",
18
18
  className: i(
19
- "inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",
19
+ "inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600",
20
20
  t
21
21
  ),
22
22
  ...e
23
23
  }
24
24
  );
25
25
  }
26
- function c({
26
+ function p({
27
27
  className: t,
28
28
  ...e
29
29
  }) {
@@ -32,7 +32,7 @@ function c({
32
32
  {
33
33
  "data-slot": "tabs-trigger",
34
34
  className: i(
35
- "inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all",
35
+ "inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all",
36
36
  "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64",
37
37
  "hover:bg-gray-900/8 active:bg-gray-900/12",
38
38
  "data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800",
@@ -43,7 +43,7 @@ function c({
43
43
  }
44
44
  );
45
45
  }
46
- function p({
46
+ function c({
47
47
  className: t,
48
48
  ...e
49
49
  }) {
@@ -58,8 +58,8 @@ function p({
58
58
  }
59
59
  export {
60
60
  o as Tabs,
61
- p as TabsContent,
61
+ c as TabsContent,
62
62
  l as TabsList,
63
- c as TabsTrigger
63
+ p as TabsTrigger
64
64
  };
65
65
  //# sourceMappingURL=index30.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index30.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":";;;AAMA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA,IAACC,EAAc,MAAd,EAAmB,aAAU,QAAO,WAAAH,GAAuB,GAAGC,GAAO;AAE1E;AAEA,SAASG,EAAS;AAAA,EAChB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"index30.js","sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n )\n}\n\nfunction TabsList({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n className={cn(\n 'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[12px] bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n 'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n 'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n 'hover:bg-gray-900/8 active:bg-gray-900/12',\n 'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n 'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn('flex-1 outline-none', className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","TabsList","cn","TabsTrigger","TabsContent"],"mappings":";;;AAMA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA,IAACC,EAAc,MAAd,EAAmB,aAAU,QAAO,WAAAH,GAAuB,GAAGC,GAAO;AAE1E;AAEA,SAASG,EAAS;AAAA,EAChB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAAoD;AAClD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,uBAAuBL,CAAS;AAAA,MAC7C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "homepage": "https://inloco.github.io/cosmik",
3
3
  "name": "@incognia/cosmik",
4
- "version": "1.0.2",
4
+ "version": "1.0.4",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
7
7
  "module": "dist/index.js",