@vite-mf-monorepo/ui 0.6.0 → 0.7.0

package/dist/Drawer/Drawer.d.ts

@@ -0,0 +1,40 @@
+import type { DrawerVariant } from './DrawerContext';
+import type { ComponentProps, ReactNode } from 'react';
+/** Props for the Drawer root component */
+export interface DrawerProps extends Omit<ComponentProps<'div'>, 'children'> {
+    /** Whether the drawer is visible */
+    open: boolean;
+    /** Called when the drawer should close (close button, Escape, overlay click) */
+    onClose: () => void;
+    /** Color scheme matching Menu/Listbox conventions */
+    variant?: DrawerVariant;
+    /** Show a backdrop overlay behind the drawer (default: false) */
+    overlay?: boolean;
+    /** Compound children: Drawer.Header, Drawer.Body */
+    children: ReactNode;
+}
+/**
+ * Drawer compound component — bottom sheet panel rendered in a Portal.
+ *
+ * Slides up from the bottom of the viewport on first open, then stays
+ * in place while content updates. Closes via the close button, Escape
+ * key, or overlay click (when `overlay` is enabled).
+ *
+ * Uses the same `variant` convention as Menu and Listbox (`light`/`dark`)
+ * with colors derived from design tokens.
+ *
+ * @example
+ * ```tsx
+ * <Drawer open={isOpen} onClose={close} variant="dark">
+ *   <Drawer.Header>Results</Drawer.Header>
+ *   <Drawer.Body>{children}</Drawer.Body>
+ * </Drawer>
+ * ```
+ */
+declare function Drawer({ open, onClose, variant, overlay, className, children, ...rest }: Readonly<DrawerProps>): import("react/jsx-runtime").JSX.Element | null;
+declare namespace Drawer {
+    var Header: import("react").FC<import("./DrawerHeader").DrawerHeaderProps>;
+    var Body: import("react").FC<import("./DrawerBody").DrawerBodyProps>;
+}
+export default Drawer;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,0CAA0C;AAC1C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1E,oCAAoC;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,gFAAgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,MAAM,CAAC,EACd,IAAI,EACJ,OAAO,EACP,OAAiB,EACjB,OAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,WAAW,CAAC,kDA6DvB;kBArEQ,MAAM;;;;AA0Ef,eAAe,MAAM,CAAA"}

package/dist/Drawer/Drawer.js

@@ -0,0 +1,2 @@
+import{jsx as a,jsxs as k}from"react/jsx-runtime";import v from"clsx";import{useCallback as x,useEffect as d,useRef as w}from"react";import{Portal as D}from"../Portal";import b from"./DrawerBody";import{DrawerContext as h}from"./DrawerContext";import y from"./DrawerHeader";function i({open:e,onClose:r,variant:n="light",overlay:u=!1,className:l,children:s,...m}){const f=n==="dark",t=w(!1),o=x(p=>{p.key==="Escape"&&r()},[r]);if(d(()=>{if(e)return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}},[e,o]),d(()=>{e?t.current=!0:t.current=!1},[e]),!e)return null;const c=!t.current;return a(D,{children:k(h.Provider,{value:{variant:n,onClose:r},children:[u&&a("div",{className:"ui:fixed ui:inset-0 ui:z-50 ui:bg-black/50",onClick:r,"aria-hidden":"true"}),a("div",{role:"dialog","aria-modal":u,className:v("ui:fixed ui:inset-x-0 ui:bottom-0 ui:z-50","ui:flex ui:flex-col ui:max-h-[60vh]","ui:rounded-t-lg ui:shadow-2xl",c&&"ui:animate-slide-up",f?"ui:bg-neutral-900 ui:text-neutral-200":"ui:bg-popover ui:text-popover-foreground",l),...m,children:s})]})})}i.Header=y,i.Body=b;var z=i;export{z as default};
+//# sourceMappingURL=Drawer.js.map

package/dist/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport { Portal } from '../Portal'\n\nimport DrawerBody from './DrawerBody'\nimport { DrawerContext } from './DrawerContext'\nimport DrawerHeader from './DrawerHeader'\n\nimport type { DrawerVariant } from './DrawerContext'\nimport type { ComponentProps, ReactNode } from 'react'\n\n/** Props for the Drawer root component */\nexport interface DrawerProps extends Omit<ComponentProps<'div'>, 'children'> {\n  /** Whether the drawer is visible */\n  open: boolean\n  /** Called when the drawer should close (close button, Escape, overlay click) */\n  onClose: () => void\n  /** Color scheme matching Menu/Listbox conventions */\n  variant?: DrawerVariant\n  /** Show a backdrop overlay behind the drawer (default: false) */\n  overlay?: boolean\n  /** Compound children: Drawer.Header, Drawer.Body */\n  children: ReactNode\n}\n\n/**\n * Drawer compound component — bottom sheet panel rendered in a Portal.\n *\n * Slides up from the bottom of the viewport on first open, then stays\n * in place while content updates. Closes via the close button, Escape\n * key, or overlay click (when `overlay` is enabled).\n *\n * Uses the same `variant` convention as Menu and Listbox (`light`/`dark`)\n * with colors derived from design tokens.\n *\n * @example\n * ```tsx\n * <Drawer open={isOpen} onClose={close} variant=\"dark\">\n *   <Drawer.Header>Results</Drawer.Header>\n *   <Drawer.Body>{children}</Drawer.Body>\n * </Drawer>\n * ```\n */\nfunction Drawer({\n  open,\n  onClose,\n  variant = 'light',\n  overlay = false,\n  className,\n  children,\n  ...rest\n}: Readonly<DrawerProps>) {\n  const isDark = variant === 'dark'\n  const wasOpenRef = useRef(false)\n\n  const handleEscape = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose()\n    },\n    [onClose]\n  )\n\n  useEffect(() => {\n    if (!open) return\n    document.addEventListener('keydown', handleEscape)\n    return () => {\n      document.removeEventListener('keydown', handleEscape)\n    }\n  }, [open, handleEscape])\n\n  useEffect(() => {\n    if (open) {\n      wasOpenRef.current = true\n    } else {\n      wasOpenRef.current = false\n    }\n  }, [open])\n\n  if (!open) return null\n\n  const shouldAnimate = !wasOpenRef.current\n\n  return (\n    <Portal>\n      <DrawerContext.Provider value={{ variant, onClose }}>\n        {overlay && (\n          <div\n            className=\"ui:fixed ui:inset-0 ui:z-50 ui:bg-black/50\"\n            onClick={onClose}\n            aria-hidden=\"true\"\n          />\n        )}\n        <div\n          role=\"dialog\"\n          aria-modal={overlay}\n          className={clsx(\n            'ui:fixed ui:inset-x-0 ui:bottom-0 ui:z-50',\n            'ui:flex ui:flex-col ui:max-h-[60vh]',\n            'ui:rounded-t-lg ui:shadow-2xl',\n            shouldAnimate && 'ui:animate-slide-up',\n            isDark\n              ? 'ui:bg-neutral-900 ui:text-neutral-200'\n              : 'ui:bg-popover ui:text-popover-foreground',\n            className\n          )}\n          {...rest}\n        >\n          {children}\n        </div>\n      </DrawerContext.Provider>\n    </Portal>\n  )\n}\n\nDrawer.Header = DrawerHeader\nDrawer.Body = DrawerBody\n\nexport default Drawer\n"],"mappings":"AAqFM,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBArFN,OAAOC,MAAU,OACjB,OAAS,eAAAC,EAAa,aAAAC,EAAW,UAAAC,MAAc,QAE/C,OAAS,UAAAC,MAAc,YAEvB,OAAOC,MAAgB,eACvB,OAAS,iBAAAC,MAAqB,kBAC9B,OAAOC,MAAkB,iBAqCzB,SAASC,EAAO,CACd,KAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,QACV,QAAAC,EAAU,GACV,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAASL,IAAY,OACrBM,EAAad,EAAO,EAAK,EAEzBe,EAAejB,EAClBkB,GAAqB,CAChBA,EAAE,MAAQ,UAAUT,EAAQ,CAClC,EACA,CAACA,CAAO,CACV,EAkBA,GAhBAR,EAAU,IAAM,CACd,GAAKO,EACL,gBAAS,iBAAiB,UAAWS,CAAY,EAC1C,IAAM,CACX,SAAS,oBAAoB,UAAWA,CAAY,CACtD,CACF,EAAG,CAACT,EAAMS,CAAY,CAAC,EAEvBhB,EAAU,IAAM,CACVO,EACFQ,EAAW,QAAU,GAErBA,EAAW,QAAU,EAEzB,EAAG,CAACR,CAAI,CAAC,EAEL,CAACA,EAAM,OAAO,KAElB,MAAMW,EAAgB,CAACH,EAAW,QAElC,OACEnB,EAACM,EAAA,CACC,SAAAL,EAACO,EAAc,SAAd,CAAuB,MAAO,CAAE,QAAAK,EAAS,QAAAD,CAAQ,EAC/C,UAAAE,GACCd,EAAC,OACC,UAAU,6CACV,QAASY,EACT,cAAY,OACd,EAEFZ,EAAC,OACC,KAAK,SACL,aAAYc,EACZ,UAAWZ,EACT,4CACA,sCACA,gCACAoB,GAAiB,sBACjBJ,EACI,wCACA,2CACJH,CACF,EACC,GAAGE,EAEH,SAAAD,EACH,GACF,EACF,CAEJ,CAEAN,EAAO,OAASD,EAChBC,EAAO,KAAOH,EAEd,IAAOgB,EAAQb","names":["jsx","jsxs","clsx","useCallback","useEffect","useRef","Portal","DrawerBody","DrawerContext","DrawerHeader","Drawer","open","onClose","variant","overlay","className","children","rest","isDark","wasOpenRef","handleEscape","e","shouldAnimate","Drawer_default"]}

package/dist/Drawer/DrawerBody.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps, FC, ReactNode } from 'react';
+/** Props for the Drawer.Body sub-component */
+export interface DrawerBodyProps extends ComponentProps<'div'> {
+    children?: ReactNode;
+}
+/**
+ * Scrollable content area of the Drawer.
+ *
+ * Fills remaining vertical space and scrolls when content overflows.
+ * Uses flex-col layout so children stack vertically.
+ */
+declare const DrawerBody: FC<DrawerBodyProps>;
+export default DrawerBody;
+//# sourceMappingURL=DrawerBody.d.ts.map

package/dist/Drawer/DrawerBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1D,8CAA8C;AAC9C,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAYnC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/Drawer/DrawerBody.js

@@ -0,0 +1,2 @@
+import{jsx as i}from"react/jsx-runtime";import t from"clsx";const p=({className:o,children:e,...r})=>i("div",{className:t("ui:flex ui:flex-1 ui:flex-col ui:overflow-y-auto ui:px-4 ui:py-3",o),...r,children:e});var a=p;export{a as default};
+//# sourceMappingURL=DrawerBody.js.map

package/dist/Drawer/DrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Drawer/DrawerBody.tsx"],"sourcesContent":["import clsx from 'clsx'\n\nimport type { ComponentProps, FC, ReactNode } from 'react'\n\n/** Props for the Drawer.Body sub-component */\nexport interface DrawerBodyProps extends ComponentProps<'div'> {\n  children?: ReactNode\n}\n\n/**\n * Scrollable content area of the Drawer.\n *\n * Fills remaining vertical space and scrolls when content overflows.\n * Uses flex-col layout so children stack vertically.\n */\nconst DrawerBody: FC<DrawerBodyProps> = ({ className, children, ...rest }) => {\n  return (\n    <div\n      className={clsx(\n        'ui:flex ui:flex-1 ui:flex-col ui:overflow-y-auto ui:px-4 ui:py-3',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport default DrawerBody\n"],"mappings":"AAiBI,cAAAA,MAAA,oBAjBJ,OAAOC,MAAU,OAejB,MAAMC,EAAkC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAK,IAEpEL,EAAC,OACC,UAAWC,EACT,mEACAE,CACF,EACC,GAAGE,EAEH,SAAAD,EACH,EAIJ,IAAOE,EAAQJ","names":["jsx","clsx","DrawerBody","className","children","rest","DrawerBody_default"]}

package/dist/Drawer/DrawerContext.d.ts

@@ -0,0 +1,15 @@
+/** Color scheme for the Drawer */
+export type DrawerVariant = 'light' | 'dark';
+/** Shared state for Drawer compound sub-components */
+export interface DrawerContextValue {
+    variant: DrawerVariant;
+    onClose: () => void;
+}
+export declare const DrawerContext: import("react").Context<DrawerContextValue | null>;
+/**
+ * Accesses the Drawer compound context.
+ *
+ * @throws If used outside a `<Drawer>` provider.
+ */
+export declare const useDrawerContext: () => DrawerContextValue;
+//# sourceMappingURL=DrawerContext.d.ts.map

package/dist/Drawer/DrawerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContext.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerContext.tsx"],"names":[],"mappings":"AAEA,kCAAkC;AAClC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,sDAAsD;AACtD,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,aAAa,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAA;AAE3E;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,0BAK5B,CAAA"}

package/dist/Drawer/DrawerContext.js

@@ -0,0 +1,2 @@
+import{createContext as r,useContext as t}from"react";const o=r(null),a=()=>{const e=t(o);if(!e)throw new Error("Drawer subcomponents must be used within Drawer");return e};export{o as DrawerContext,a as useDrawerContext};
+//# sourceMappingURL=DrawerContext.js.map

package/dist/Drawer/DrawerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Drawer/DrawerContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\n\n/** Color scheme for the Drawer */\nexport type DrawerVariant = 'light' | 'dark'\n\n/** Shared state for Drawer compound sub-components */\nexport interface DrawerContextValue {\n  variant: DrawerVariant\n  onClose: () => void\n}\n\nexport const DrawerContext = createContext<DrawerContextValue | null>(null)\n\n/**\n * Accesses the Drawer compound context.\n *\n * @throws If used outside a `<Drawer>` provider.\n */\nexport const useDrawerContext = () => {\n  const context = useContext(DrawerContext)\n  if (!context)\n    throw new Error('Drawer subcomponents must be used within Drawer')\n  return context\n}\n"],"mappings":"AAAA,OAAS,iBAAAA,EAAe,cAAAC,MAAkB,QAWnC,MAAMC,EAAgBF,EAAyC,IAAI,EAO7DG,EAAmB,IAAM,CACpC,MAAMC,EAAUH,EAAWC,CAAa,EACxC,GAAI,CAACE,EACH,MAAM,IAAI,MAAM,iDAAiD,EACnE,OAAOA,CACT","names":["createContext","useContext","DrawerContext","useDrawerContext","context"]}

package/dist/Drawer/DrawerHeader.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps, FC, ReactNode } from 'react';
+/** Props for the Drawer.Header sub-component */
+export interface DrawerHeaderProps extends ComponentProps<'div'> {
+    children?: ReactNode;
+}
+/**
+ * Header area of the Drawer with an integrated close button.
+ *
+ * Renders children on the left and a close (×) button on the right.
+ * Uses design tokens consistent with the current `variant`.
+ */
+declare const DrawerHeader: FC<DrawerHeaderProps>;
+export default DrawerHeader;
+//# sourceMappingURL=DrawerHeader.d.ts.map

package/dist/Drawer/DrawerHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../src/Drawer/DrawerHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1D,gDAAgD;AAChD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2BvC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/Drawer/DrawerHeader.js

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as u}from"react/jsx-runtime";import n from"clsx";import{IconButton as d}from"../IconButton";import{useDrawerContext as p}from"./DrawerContext";const c=({className:o,children:t,...i})=>{const{variant:a,onClose:s}=p(),e=a==="dark";return u("div",{className:n("ui:flex ui:items-center ui:justify-between ui:px-4 ui:py-3 ui:border-b",e?"ui:border-neutral-700":"ui:border-border",o),...i,children:[r("div",{className:"ui:flex-1",children:t}),r(d,{icon:"XMark","aria-label":"Close",size:"sm",variant:e?"ghost-dark":"ghost",onClick:s})]})};var C=c;export{C as default};
+//# sourceMappingURL=DrawerHeader.js.map

package/dist/Drawer/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Drawer/DrawerHeader.tsx"],"sourcesContent":["import clsx from 'clsx'\n\nimport { IconButton } from '../IconButton'\n\nimport { useDrawerContext } from './DrawerContext'\n\nimport type { ComponentProps, FC, ReactNode } from 'react'\n\n/** Props for the Drawer.Header sub-component */\nexport interface DrawerHeaderProps extends ComponentProps<'div'> {\n  children?: ReactNode\n}\n\n/**\n * Header area of the Drawer with an integrated close button.\n *\n * Renders children on the left and a close (×) button on the right.\n * Uses design tokens consistent with the current `variant`.\n */\nconst DrawerHeader: FC<DrawerHeaderProps> = ({\n  className,\n  children,\n  ...rest\n}) => {\n  const { variant, onClose } = useDrawerContext()\n  const isDark = variant === 'dark'\n\n  return (\n    <div\n      className={clsx(\n        'ui:flex ui:items-center ui:justify-between ui:px-4 ui:py-3 ui:border-b',\n        isDark ? 'ui:border-neutral-700' : 'ui:border-border',\n        className\n      )}\n      {...rest}\n    >\n      <div className=\"ui:flex-1\">{children}</div>\n      <IconButton\n        icon=\"XMark\"\n        aria-label=\"Close\"\n        size=\"sm\"\n        variant={isDark ? 'ghost-dark' : 'ghost'}\n        onClick={onClose}\n      />\n    </div>\n  )\n}\n\nexport default DrawerHeader\n"],"mappings":"AA4BI,OAQE,OAAAA,EARF,QAAAC,MAAA,oBA5BJ,OAAOC,MAAU,OAEjB,OAAS,cAAAC,MAAkB,gBAE3B,OAAS,oBAAAC,MAAwB,kBAejC,MAAMC,EAAsC,CAAC,CAC3C,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAAE,QAAAC,EAAS,QAAAC,CAAQ,EAAIN,EAAiB,EACxCO,EAASF,IAAY,OAE3B,OACER,EAAC,OACC,UAAWC,EACT,yEACAS,EAAS,wBAA0B,mBACnCL,CACF,EACC,GAAGE,EAEJ,UAAAR,EAAC,OAAI,UAAU,YAAa,SAAAO,EAAS,EACrCP,EAACG,EAAA,CACC,KAAK,QACL,aAAW,QACX,KAAK,KACL,QAASQ,EAAS,aAAe,QACjC,QAASD,EACX,GACF,CAEJ,EAEA,IAAOE,EAAQP","names":["jsx","jsxs","clsx","IconButton","useDrawerContext","DrawerHeader","className","children","rest","variant","onClose","isDark","DrawerHeader_default"]}

package/dist/Drawer/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
+export type { DrawerHeaderProps } from './DrawerHeader';
+export type { DrawerBodyProps } from './DrawerBody';
+export type { DrawerVariant } from './DrawerContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/Drawer/index.js

@@ -0,0 +1,2 @@
+import{default as o}from"./Drawer";export{o as Drawer};
+//# sourceMappingURL=index.js.map

package/dist/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Drawer/index.ts"],"sourcesContent":["export { default as Drawer } from './Drawer'\nexport type { DrawerProps } from './Drawer'\nexport type { DrawerHeaderProps } from './DrawerHeader'\nexport type { DrawerBodyProps } from './DrawerBody'\nexport type { DrawerVariant } from './DrawerContext'\n"],"mappings":"AAAA,OAAoB,WAAXA,MAAyB","names":["default"]}

package/dist/IconButton/IconButton.d.ts

@@ -4,7 +4,7 @@ export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>
     /** Icon name to display */
     icon: IconName;
     /** Visual variant of the button */
-    variant?: 'primary' | 'secondary' | 'ghost' | 'outline';
+    variant?: 'primary' | 'secondary' | 'ghost' | 'ghost-dark' | 'outline';
     /** Size of the button */
     size?: 'sm' | 'md' | 'lg';
     /** Accessible label for screen readers */

package/dist/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAEjD,MAAM,WAAW,eACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,2BAA2B;IAC3B,IAAI,EAAE,QAAQ,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,CAAA;IACvD,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAA;CACrB;AASD,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,IAAI,EACJ,OAAiB,EACjB,IAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,eAAe,CAAC,2CA4B3B;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAEjD,MAAM,WAAW,eACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,2BAA2B;IAC3B,IAAI,EAAE,QAAQ,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,CAAA;IACtE,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAA;CACrB;AASD,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,IAAI,EACJ,OAAiB,EACjB,IAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,eAAe,CAAC,2CA8B3B;AAED,eAAe,UAAU,CAAA"}

package/dist/IconButton/IconButton.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import a from"clsx";import{Icon as d}from"../Icon";const m={sm:{button:"ui:h-8 ui:w-8",icon:16},md:{button:"ui:h-10 ui:w-10",icon:20},lg:{button:"ui:h-12 ui:w-12",icon:24}};function b({className:i,icon:n,variant:o="ghost",size:e="md",disabled:u,...r}){const{button:c,icon:s}=m[e];return t("button",{className:a("ui:inline-flex ui:items-center ui:justify-center ui:cursor-pointer ui:rounded-full ui:transition-colors","ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-ring ui:focus:ring-offset-2","ui:disabled:pointer-events-none ui:disabled:opacity-50",{"ui:bg-primary ui:text-primary-foreground ui:hover:bg-primary/90":o==="primary","ui:bg-secondary ui:text-secondary-foreground ui:hover:bg-secondary/80":o==="secondary","ui:hover:bg-accent ui:hover:text-accent-foreground":o==="ghost","ui:border ui:border-input ui:bg-background ui:hover:bg-accent ui:hover:text-accent-foreground":o==="outline"},c,i),disabled:u,...r,children:t(d,{name:n,size:s})})}var f=b;export{f as default};
+import{jsx as t}from"react/jsx-runtime";import a from"clsx";import{Icon as d}from"../Icon";const g={sm:{button:"ui:h-8 ui:w-8",icon:16},md:{button:"ui:h-10 ui:w-10",icon:20},lg:{button:"ui:h-12 ui:w-12",icon:24}};function b({className:i,icon:e,variant:o="ghost",size:n="md",disabled:u,...r}){const{button:c,icon:s}=g[n];return t("button",{className:a("ui:inline-flex ui:items-center ui:justify-center ui:cursor-pointer ui:rounded-full ui:transition-colors","ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-ring ui:focus:ring-offset-2","ui:disabled:pointer-events-none ui:disabled:opacity-50",{"ui:bg-primary ui:text-primary-foreground ui:hover:bg-primary/90":o==="primary","ui:bg-secondary ui:text-secondary-foreground ui:hover:bg-secondary/80":o==="secondary","ui:hover:bg-accent ui:hover:text-accent-foreground":o==="ghost","ui:text-neutral-400 ui:hover:text-white ui:hover:bg-neutral-800":o==="ghost-dark","ui:border ui:border-input ui:bg-background ui:hover:bg-accent ui:hover:text-accent-foreground":o==="outline"},c,i),disabled:u,...r,children:t(d,{name:e,size:s})})}var f=b;export{f as default};
 //# sourceMappingURL=IconButton.js.map

package/dist/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import clsx from 'clsx'\n\nimport { Icon } from '../Icon'\n\nimport type { IconName, IconSize } from '../Icon'\nimport type { ButtonHTMLAttributes } from 'react'\n\nexport interface IconButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon name to display */\n  icon: IconName\n  /** Visual variant of the button */\n  variant?: 'primary' | 'secondary' | 'ghost' | 'outline'\n  /** Size of the button */\n  size?: 'sm' | 'md' | 'lg'\n  /** Accessible label for screen readers */\n  'aria-label': string\n}\n\nconst sizeMap: Record<'sm' | 'md' | 'lg', { button: string; icon: IconSize }> =\n  {\n    sm: { button: 'ui:h-8 ui:w-8', icon: 16 },\n    md: { button: 'ui:h-10 ui:w-10', icon: 20 },\n    lg: { button: 'ui:h-12 ui:w-12', icon: 24 },\n  }\n\nfunction IconButton({\n  className,\n  icon,\n  variant = 'ghost',\n  size = 'md',\n  disabled,\n  ...rest\n}: Readonly<IconButtonProps>) {\n  const { button: buttonSize, icon: iconSize } = sizeMap[size]\n\n  return (\n    <button\n      className={clsx(\n        'ui:inline-flex ui:items-center ui:justify-center ui:cursor-pointer ui:rounded-full ui:transition-colors',\n        'ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-ring ui:focus:ring-offset-2',\n        'ui:disabled:pointer-events-none ui:disabled:opacity-50',\n        {\n          'ui:bg-primary ui:text-primary-foreground ui:hover:bg-primary/90':\n            variant === 'primary',\n          'ui:bg-secondary ui:text-secondary-foreground ui:hover:bg-secondary/80':\n            variant === 'secondary',\n          'ui:hover:bg-accent ui:hover:text-accent-foreground':\n            variant === 'ghost',\n          'ui:border ui:border-input ui:bg-background ui:hover:bg-accent ui:hover:text-accent-foreground':\n            variant === 'outline',\n        },\n        buttonSize,\n        className\n      )}\n      disabled={disabled}\n      {...rest}\n    >\n      <Icon name={icon} size={iconSize} />\n    </button>\n  )\n}\n\nexport default IconButton\n"],"mappings":"AA0DM,cAAAA,MAAA,oBA1DN,OAAOC,MAAU,OAEjB,OAAS,QAAAC,MAAY,UAiBrB,MAAMC,EACJ,CACE,GAAI,CAAE,OAAQ,gBAAiB,KAAM,EAAG,EACxC,GAAI,CAAE,OAAQ,kBAAmB,KAAM,EAAG,EAC1C,GAAI,CAAE,OAAQ,kBAAmB,KAAM,EAAG,CAC5C,EAEF,SAASC,EAAW,CAClB,UAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,QACV,KAAAC,EAAO,KACP,SAAAC,EACA,GAAGC,CACL,EAA8B,CAC5B,KAAM,CAAE,OAAQC,EAAY,KAAMC,CAAS,EAAIT,EAAQK,CAAI,EAE3D,OACER,EAAC,UACC,UAAWC,EACT,0GACA,kFACA,yDACA,CACE,kEACEM,IAAY,UACd,wEACEA,IAAY,YACd,qDACEA,IAAY,QACd,gGACEA,IAAY,SAChB,EACAI,EACAN,CACF,EACA,SAAUI,EACT,GAAGC,EAEJ,SAAAV,EAACE,EAAA,CAAK,KAAMI,EAAM,KAAMM,EAAU,EACpC,CAEJ,CAEA,IAAOC,EAAQT","names":["jsx","clsx","Icon","sizeMap","IconButton","className","icon","variant","size","disabled","rest","buttonSize","iconSize","IconButton_default"]}
+{"version":3,"sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import clsx from 'clsx'\n\nimport { Icon } from '../Icon'\n\nimport type { IconName, IconSize } from '../Icon'\nimport type { ButtonHTMLAttributes } from 'react'\n\nexport interface IconButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Icon name to display */\n  icon: IconName\n  /** Visual variant of the button */\n  variant?: 'primary' | 'secondary' | 'ghost' | 'ghost-dark' | 'outline'\n  /** Size of the button */\n  size?: 'sm' | 'md' | 'lg'\n  /** Accessible label for screen readers */\n  'aria-label': string\n}\n\nconst sizeMap: Record<'sm' | 'md' | 'lg', { button: string; icon: IconSize }> =\n  {\n    sm: { button: 'ui:h-8 ui:w-8', icon: 16 },\n    md: { button: 'ui:h-10 ui:w-10', icon: 20 },\n    lg: { button: 'ui:h-12 ui:w-12', icon: 24 },\n  }\n\nfunction IconButton({\n  className,\n  icon,\n  variant = 'ghost',\n  size = 'md',\n  disabled,\n  ...rest\n}: Readonly<IconButtonProps>) {\n  const { button: buttonSize, icon: iconSize } = sizeMap[size]\n\n  return (\n    <button\n      className={clsx(\n        'ui:inline-flex ui:items-center ui:justify-center ui:cursor-pointer ui:rounded-full ui:transition-colors',\n        'ui:focus:outline-none ui:focus:ring-2 ui:focus:ring-ring ui:focus:ring-offset-2',\n        'ui:disabled:pointer-events-none ui:disabled:opacity-50',\n        {\n          'ui:bg-primary ui:text-primary-foreground ui:hover:bg-primary/90':\n            variant === 'primary',\n          'ui:bg-secondary ui:text-secondary-foreground ui:hover:bg-secondary/80':\n            variant === 'secondary',\n          'ui:hover:bg-accent ui:hover:text-accent-foreground':\n            variant === 'ghost',\n          'ui:text-neutral-400 ui:hover:text-white ui:hover:bg-neutral-800':\n            variant === 'ghost-dark',\n          'ui:border ui:border-input ui:bg-background ui:hover:bg-accent ui:hover:text-accent-foreground':\n            variant === 'outline',\n        },\n        buttonSize,\n        className\n      )}\n      disabled={disabled}\n      {...rest}\n    >\n      <Icon name={icon} size={iconSize} />\n    </button>\n  )\n}\n\nexport default IconButton\n"],"mappings":"AA4DM,cAAAA,MAAA,oBA5DN,OAAOC,MAAU,OAEjB,OAAS,QAAAC,MAAY,UAiBrB,MAAMC,EACJ,CACE,GAAI,CAAE,OAAQ,gBAAiB,KAAM,EAAG,EACxC,GAAI,CAAE,OAAQ,kBAAmB,KAAM,EAAG,EAC1C,GAAI,CAAE,OAAQ,kBAAmB,KAAM,EAAG,CAC5C,EAEF,SAASC,EAAW,CAClB,UAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,QACV,KAAAC,EAAO,KACP,SAAAC,EACA,GAAGC,CACL,EAA8B,CAC5B,KAAM,CAAE,OAAQC,EAAY,KAAMC,CAAS,EAAIT,EAAQK,CAAI,EAE3D,OACER,EAAC,UACC,UAAWC,EACT,0GACA,kFACA,yDACA,CACE,kEACEM,IAAY,UACd,wEACEA,IAAY,YACd,qDACEA,IAAY,QACd,kEACEA,IAAY,aACd,gGACEA,IAAY,SAChB,EACAI,EACAN,CACF,EACA,SAAUI,EACT,GAAGC,EAEJ,SAAAV,EAACE,EAAA,CAAK,KAAMI,EAAM,KAAMM,EAAU,EACpC,CAEJ,CAEA,IAAOC,EAAQT","names":["jsx","clsx","Icon","sizeMap","IconButton","className","icon","variant","size","disabled","rest","buttonSize","iconSize","IconButton_default"]}

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType, HTMLAttributes, ReactNode } from 'react';
-export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body-sm' | 'body-lg' | 'lead' | 'caption' | 'caption-xs' | 'label' | 'muted' | 'blockquote';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body-sm' | 'body-lg' | 'lead' | 'caption' | 'caption-xs' | 'label' | 'muted' | 'overline' | 'blockquote';
 export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     /** Visual style variant */
     variant: TypographyVariant;

package/dist/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,YAAY,GACZ,OAAO,GACP,OAAO,GACP,YAAY,CAAA;AAEhB,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,2BAA2B;IAC3B,OAAO,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB;AA0CD,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,eAAe,CAAC,0FAQ3B;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,YAAY,GACZ,OAAO,GACP,OAAO,GACP,UAAU,GACV,YAAY,CAAA;AAEhB,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,2BAA2B;IAC3B,OAAO,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB;AA6CD,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,eAAe,CAAC,0FAQ3B;AAED,eAAe,UAAU,CAAA"}

package/dist/Typography/Typography.js

@@ -1,2 +1,2 @@
-import r from"clsx";import{createElement as x}from"react";const d={h1:"ui:font-roboto ui:text-xl ui:sm:text-2xl ui:md:text-3xl ui:lg:text-4xl ui:font-bold ui:leading-tight ui:text-foreground",h2:"ui:font-roboto ui:text-lg ui:sm:text-xl ui:md:text-2xl ui:lg:text-3xl ui:font-bold ui:leading-tight ui:text-foreground",h3:"ui:font-roboto ui:text-base ui:sm:text-lg ui:md:text-xl ui:lg:text-2xl ui:font-semibold ui:leading-snug ui:text-foreground",h4:"ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:font-semibold ui:leading-snug ui:text-foreground",h5:"ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:font-medium ui:leading-normal ui:text-foreground",h6:"ui:font-roboto ui:text-xs ui:sm:text-sm ui:md:text-base ui:font-medium ui:leading-normal ui:text-foreground",body:"ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:leading-relaxed ui:text-foreground","body-sm":"ui:font-inter ui:text-xs ui:sm:text-sm ui:leading-relaxed ui:text-foreground","body-lg":"ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:leading-relaxed ui:text-foreground",lead:"ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:leading-relaxed ui:text-muted-foreground",caption:"ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground","caption-xs":"ui:font-inter ui:text-xs ui:text-muted-foreground",label:"ui:font-inter ui:text-xs ui:sm:text-sm ui:font-medium ui:text-foreground",muted:"ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground",blockquote:"ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:border-l-4 ui:border-border ui:pl-4 ui:italic ui:text-muted-foreground"},l={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"p","body-sm":"p","body-lg":"p",lead:"p",caption:"span","caption-xs":"span",label:"label",muted:"p",blockquote:"blockquote"};function a({variant:t,as:e,className:i,children:o,...u}){const n=e??l[t];return x(n,{className:r(d[t],i),...u},o)}var g=a;export{g as default};
+import r from"clsx";import{createElement as x}from"react";const d={h1:"ui:font-roboto ui:text-xl ui:sm:text-2xl ui:md:text-3xl ui:lg:text-4xl ui:font-bold ui:leading-tight ui:text-foreground",h2:"ui:font-roboto ui:text-lg ui:sm:text-xl ui:md:text-2xl ui:lg:text-3xl ui:font-bold ui:leading-tight ui:text-foreground",h3:"ui:font-roboto ui:text-base ui:sm:text-lg ui:md:text-xl ui:lg:text-2xl ui:font-semibold ui:leading-snug ui:text-foreground",h4:"ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:font-semibold ui:leading-snug ui:text-foreground",h5:"ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:font-medium ui:leading-normal ui:text-foreground",h6:"ui:font-roboto ui:text-xs ui:sm:text-sm ui:md:text-base ui:font-medium ui:leading-normal ui:text-foreground",body:"ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:leading-relaxed ui:text-foreground","body-sm":"ui:font-inter ui:text-xs ui:sm:text-sm ui:leading-relaxed ui:text-foreground","body-lg":"ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:leading-relaxed ui:text-foreground",lead:"ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:leading-relaxed ui:text-muted-foreground",caption:"ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground","caption-xs":"ui:font-inter ui:text-xs ui:text-muted-foreground",label:"ui:font-inter ui:text-xs ui:sm:text-sm ui:font-medium ui:text-foreground",muted:"ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground",overline:"ui:font-inter ui:text-xs ui:font-semibold ui:uppercase ui:tracking-wider ui:text-muted-foreground",blockquote:"ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:border-l-4 ui:border-border ui:pl-4 ui:italic ui:text-muted-foreground"},l={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"p","body-sm":"p","body-lg":"p",lead:"p",caption:"span","caption-xs":"span",label:"label",muted:"p",overline:"span",blockquote:"blockquote"};function a({variant:t,as:e,className:i,children:u,...o}){const n=e??l[t];return x(n,{className:r(d[t],i),...o},u)}var g=a;export{g as default};
 //# sourceMappingURL=Typography.js.map

package/dist/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { createElement } from 'react'\n\nimport type { ElementType, HTMLAttributes, ReactNode } from 'react'\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'body'\n  | 'body-sm'\n  | 'body-lg'\n  | 'lead'\n  | 'caption'\n  | 'caption-xs'\n  | 'label'\n  | 'muted'\n  | 'blockquote'\n\nexport interface TypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Visual style variant */\n  variant: TypographyVariant\n  /** Override semantic HTML tag */\n  as?: ElementType\n  /** Additional CSS classes */\n  className?: string\n  /** Content */\n  children: ReactNode\n}\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: 'ui:font-roboto ui:text-xl ui:sm:text-2xl ui:md:text-3xl ui:lg:text-4xl ui:font-bold ui:leading-tight ui:text-foreground',\n  h2: 'ui:font-roboto ui:text-lg ui:sm:text-xl ui:md:text-2xl ui:lg:text-3xl ui:font-bold ui:leading-tight ui:text-foreground',\n  h3: 'ui:font-roboto ui:text-base ui:sm:text-lg ui:md:text-xl ui:lg:text-2xl ui:font-semibold ui:leading-snug ui:text-foreground',\n  h4: 'ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:font-semibold ui:leading-snug ui:text-foreground',\n  h5: 'ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:font-medium ui:leading-normal ui:text-foreground',\n  h6: 'ui:font-roboto ui:text-xs ui:sm:text-sm ui:md:text-base ui:font-medium ui:leading-normal ui:text-foreground',\n  body: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:leading-relaxed ui:text-foreground',\n  'body-sm':\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:leading-relaxed ui:text-foreground',\n  'body-lg':\n    'ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:leading-relaxed ui:text-foreground',\n  lead: 'ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:leading-relaxed ui:text-muted-foreground',\n  caption: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground',\n  'caption-xs': 'ui:font-inter ui:text-xs ui:text-muted-foreground',\n  label:\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:font-medium ui:text-foreground',\n  muted: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground',\n  blockquote:\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:border-l-4 ui:border-border ui:pl-4 ui:italic ui:text-muted-foreground',\n}\n\nconst variantToTag: Record<TypographyVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  body: 'p',\n  'body-sm': 'p',\n  'body-lg': 'p',\n  lead: 'p',\n  caption: 'span',\n  'caption-xs': 'span',\n  label: 'label',\n  muted: 'p',\n  blockquote: 'blockquote',\n}\n\nfunction Typography({\n  variant,\n  as,\n  className,\n  children,\n  ...rest\n}: Readonly<TypographyProps>) {\n  const Component = as ?? variantToTag[variant]\n\n  return createElement(\n    Component,\n    { className: clsx(variantStyles[variant], className), ...rest },\n    children\n  )\n}\n\nexport default Typography\n"],"mappings":"AAAA,OAAOA,MAAU,OACjB,OAAS,iBAAAC,MAAqB,QAgC9B,MAAMC,EAAmD,CACvD,GAAI,0HACJ,GAAI,yHACJ,GAAI,6HACJ,GAAI,4HACJ,GAAI,8GACJ,GAAI,8GACJ,KAAM,+FACN,UACE,+EACF,UACE,+FACF,KAAM,mHACN,QAAS,kEACT,aAAc,oDACd,MACE,2EACF,MAAO,kEACP,WACE,kIACJ,EAEMC,EAAuD,CAC3D,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,KAAM,IACN,UAAW,IACX,UAAW,IACX,KAAM,IACN,QAAS,OACT,aAAc,OACd,MAAO,QACP,MAAO,IACP,WAAY,YACd,EAEA,SAASC,EAAW,CAClB,QAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAA8B,CAC5B,MAAMC,EAAYJ,GAAMH,EAAaE,CAAO,EAE5C,OAAOJ,EACLS,EACA,CAAE,UAAWV,EAAKE,EAAcG,CAAO,EAAGE,CAAS,EAAG,GAAGE,CAAK,EAC9DD,CACF,CACF,CAEA,IAAOG,EAAQP","names":["clsx","createElement","variantStyles","variantToTag","Typography","variant","as","className","children","rest","Component","Typography_default"]}
+{"version":3,"sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { createElement } from 'react'\n\nimport type { ElementType, HTMLAttributes, ReactNode } from 'react'\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'body'\n  | 'body-sm'\n  | 'body-lg'\n  | 'lead'\n  | 'caption'\n  | 'caption-xs'\n  | 'label'\n  | 'muted'\n  | 'overline'\n  | 'blockquote'\n\nexport interface TypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Visual style variant */\n  variant: TypographyVariant\n  /** Override semantic HTML tag */\n  as?: ElementType\n  /** Additional CSS classes */\n  className?: string\n  /** Content */\n  children: ReactNode\n}\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: 'ui:font-roboto ui:text-xl ui:sm:text-2xl ui:md:text-3xl ui:lg:text-4xl ui:font-bold ui:leading-tight ui:text-foreground',\n  h2: 'ui:font-roboto ui:text-lg ui:sm:text-xl ui:md:text-2xl ui:lg:text-3xl ui:font-bold ui:leading-tight ui:text-foreground',\n  h3: 'ui:font-roboto ui:text-base ui:sm:text-lg ui:md:text-xl ui:lg:text-2xl ui:font-semibold ui:leading-snug ui:text-foreground',\n  h4: 'ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:font-semibold ui:leading-snug ui:text-foreground',\n  h5: 'ui:font-roboto ui:text-sm ui:sm:text-base ui:md:text-lg ui:font-medium ui:leading-normal ui:text-foreground',\n  h6: 'ui:font-roboto ui:text-xs ui:sm:text-sm ui:md:text-base ui:font-medium ui:leading-normal ui:text-foreground',\n  body: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:leading-relaxed ui:text-foreground',\n  'body-sm':\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:leading-relaxed ui:text-foreground',\n  'body-lg':\n    'ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:leading-relaxed ui:text-foreground',\n  lead: 'ui:font-inter ui:text-sm ui:sm:text-base ui:md:text-lg ui:lg:text-xl ui:leading-relaxed ui:text-muted-foreground',\n  caption: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground',\n  'caption-xs': 'ui:font-inter ui:text-xs ui:text-muted-foreground',\n  label:\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:font-medium ui:text-foreground',\n  muted: 'ui:font-inter ui:text-xs ui:sm:text-sm ui:text-muted-foreground',\n  overline:\n    'ui:font-inter ui:text-xs ui:font-semibold ui:uppercase ui:tracking-wider ui:text-muted-foreground',\n  blockquote:\n    'ui:font-inter ui:text-xs ui:sm:text-sm ui:md:text-base ui:border-l-4 ui:border-border ui:pl-4 ui:italic ui:text-muted-foreground',\n}\n\nconst variantToTag: Record<TypographyVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  body: 'p',\n  'body-sm': 'p',\n  'body-lg': 'p',\n  lead: 'p',\n  caption: 'span',\n  'caption-xs': 'span',\n  label: 'label',\n  muted: 'p',\n  overline: 'span',\n  blockquote: 'blockquote',\n}\n\nfunction Typography({\n  variant,\n  as,\n  className,\n  children,\n  ...rest\n}: Readonly<TypographyProps>) {\n  const Component = as ?? variantToTag[variant]\n\n  return createElement(\n    Component,\n    { className: clsx(variantStyles[variant], className), ...rest },\n    children\n  )\n}\n\nexport default Typography\n"],"mappings":"AAAA,OAAOA,MAAU,OACjB,OAAS,iBAAAC,MAAqB,QAiC9B,MAAMC,EAAmD,CACvD,GAAI,0HACJ,GAAI,yHACJ,GAAI,6HACJ,GAAI,4HACJ,GAAI,8GACJ,GAAI,8GACJ,KAAM,+FACN,UACE,+EACF,UACE,+FACF,KAAM,mHACN,QAAS,kEACT,aAAc,oDACd,MACE,2EACF,MAAO,kEACP,SACE,oGACF,WACE,kIACJ,EAEMC,EAAuD,CAC3D,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,KAAM,IACN,UAAW,IACX,UAAW,IACX,KAAM,IACN,QAAS,OACT,aAAc,OACd,MAAO,QACP,MAAO,IACP,SAAU,OACV,WAAY,YACd,EAEA,SAASC,EAAW,CAClB,QAAAC,EACA,GAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAA8B,CAC5B,MAAMC,EAAYJ,GAAMH,EAAaE,CAAO,EAE5C,OAAOJ,EACLS,EACA,CAAE,UAAWV,EAAKE,EAAcG,CAAO,EAAGE,CAAS,EAAG,GAAGE,CAAK,EAC9DD,CACF,CACF,CAEA,IAAOG,EAAQP","names":["clsx","createElement","variantStyles","variantToTag","Typography","variant","as","className","children","rest","Component","Typography_default"]}

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export { Button } from './Button';
 export type { ButtonProps } from './Button';
 export { Card } from './Card';
 export type { CardProps, CardVariant } from './Card';
+export { Drawer } from './Drawer';
+export type { DrawerProps, DrawerHeaderProps, DrawerBodyProps, DrawerVariant, } from './Drawer';
 export { Icon } from './Icon';
 export type { IconProps, IconName, IconSize } from './Icon';
 export { IconButton } from './IconButton';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,YAAY,CAAA;AACnB,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,aAAa,EACb,eAAe,GAChB,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,aAAa,GACd,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,YAAY,CAAA;AACnB,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,aAAa,EACb,eAAe,GAChB,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,aAAa,CAAA"}

package/dist/index.js

@@ -1,2 +1,2 @@
-import"./styles.css";import{Avatar as t}from"./Avatar";import{Badge as a}from"./Badge";import{Button as m}from"./Button";import{Card as f}from"./Card";import{Icon as x}from"./Icon";import{IconButton as P}from"./IconButton";import{Image as l}from"./Image";import{Input as C}from"./Input";import{Menu as I}from"./Menu";import{HeroImage as M}from"./HeroImage";import{Modal as h}from"./Modal";import{Rating as v}from"./Rating";import{MovieCard as V}from"./MovieCard";import{TrailerCard as R}from"./TrailerCard";import{Carousel as b,CarouselCounter as N,CarouselItem as k,CarouselLoading as H,CarouselNavigation as L,CarouselPagination as w}from"./Carousel";import{Tabs as j}from"./Tabs";import{Skeleton as D}from"./Skeleton";import{Talent as G}from"./Talent";import{Typography as K}from"./Typography";import{Portal as Q}from"./Portal";import{Spinner as W}from"./Spinner";import{Typeahead as Y}from"./Typeahead";export{t as Avatar,a as Badge,m as Button,f as Card,b as Carousel,N as CarouselCounter,k as CarouselItem,H as CarouselLoading,L as CarouselNavigation,w as CarouselPagination,M as HeroImage,x as Icon,P as IconButton,l as Image,C as Input,I as Menu,h as Modal,V as MovieCard,Q as Portal,v as Rating,D as Skeleton,W as Spinner,j as Tabs,G as Talent,R as TrailerCard,Y as Typeahead,K as Typography};
+import"./styles.css";import{Avatar as p}from"./Avatar";import{Badge as a}from"./Badge";import{Button as m}from"./Button";import{Card as f}from"./Card";import{Drawer as i}from"./Drawer";import{Icon as y}from"./Icon";import{IconButton as l}from"./IconButton";import{Image as g}from"./Image";import{Input as I}from"./Input";import{Menu as M}from"./Menu";import{HeroImage as S}from"./HeroImage";import{Modal as v}from"./Modal";import{Rating as V}from"./Rating";import{MovieCard as A}from"./MovieCard";import{TrailerCard as R}from"./TrailerCard";import{Carousel as b,CarouselCounter as H,CarouselItem as N,CarouselLoading as k,CarouselNavigation as L,CarouselPagination as E}from"./Carousel";import{Tabs as q}from"./Tabs";import{Skeleton as G}from"./Skeleton";import{Talent as K}from"./Talent";import{Typography as Q}from"./Typography";import{Portal as W}from"./Portal";import{Spinner as Y}from"./Spinner";import{Typeahead as _}from"./Typeahead";export{p as Avatar,a as Badge,m as Button,f as Card,b as Carousel,H as CarouselCounter,N as CarouselItem,k as CarouselLoading,L as CarouselNavigation,E as CarouselPagination,i as Drawer,S as HeroImage,y as Icon,l as IconButton,g as Image,I as Input,M as Menu,v as Modal,A as MovieCard,W as Portal,V as Rating,G as Skeleton,Y as Spinner,q as Tabs,K as Talent,R as TrailerCard,_ as Typeahead,Q as Typography};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import './styles.css'\n\nexport { Avatar } from './Avatar'\nexport type { AvatarProps, AvatarSize } from './Avatar'\n\nexport { Badge } from './Badge'\nexport type { BadgeProps, BadgeSize, BadgeVariant } from './Badge'\n\nexport { Button } from './Button'\nexport type { ButtonProps } from './Button'\n\nexport { Card } from './Card'\nexport type { CardProps, CardVariant } from './Card'\n\nexport { Icon } from './Icon'\nexport type { IconProps, IconName, IconSize } from './Icon'\n\nexport { IconButton } from './IconButton'\nexport type { IconButtonProps } from './IconButton'\n\nexport { Image } from './Image'\nexport type { AspectRatio, ImageProps, ImageState } from './Image'\n\nexport { Input } from './Input'\nexport type { InputProps, InputSize, InputMessageType } from './Input'\n\nexport { Menu } from './Menu'\nexport type { MenuProps, MenuItemProps, MenuVariant } from './Menu'\n\nexport { HeroImage } from './HeroImage'\nexport type { HeroImageProps } from './HeroImage'\n\nexport { Modal } from './Modal'\nexport type { ModalProps } from './Modal'\n\nexport { Rating } from './Rating'\nexport type { RatingProps, RatingSize, RatingVariant } from './Rating'\n\nexport { MovieCard } from './MovieCard'\nexport type { MovieCardProps } from './MovieCard'\n\nexport { TrailerCard } from './TrailerCard'\nexport type { TrailerCardProps } from './TrailerCard'\n\nexport {\n  Carousel,\n  CarouselCounter,\n  CarouselItem,\n  CarouselLoading,\n  CarouselNavigation,\n  CarouselPagination,\n} from './Carousel'\nexport type {\n  CarouselArrowPosition,\n  CarouselCounterProps,\n  CarouselItemProps,\n  CarouselLoadingProps,\n  CarouselNavigationPosition,\n  CarouselNavigationProps,\n  CarouselPaginationProps,\n  CarouselProps,\n  CarouselVariant,\n} from './Carousel'\n\nexport { Tabs } from './Tabs'\nexport type { TabsProps, TabsVariant } from './Tabs'\n\nexport { Skeleton } from './Skeleton'\nexport type { SkeletonProps } from './Skeleton'\n\nexport { Talent } from './Talent'\nexport type { TalentProps } from './Talent'\n\nexport { Typography } from './Typography'\nexport type { TypographyProps, TypographyVariant } from './Typography'\n\nexport { Portal } from './Portal'\nexport type { PortalProps } from './Portal'\n\nexport { Spinner } from './Spinner'\nexport type { SpinnerProps } from './Spinner'\n\nexport { Typeahead } from './Typeahead'\nexport type {\n  TypeaheadProps,\n  TypeaheadItemProps,\n  TypeaheadEmptyProps,\n  TypeaheadInputProps,\n  TypeaheadMenuProps,\n} from './Typeahead'\n"],"mappings":"AAAA,MAAO,eAEP,OAAS,UAAAA,MAAc,WAGvB,OAAS,SAAAC,MAAa,UAGtB,OAAS,UAAAC,MAAc,WAGvB,OAAS,QAAAC,MAAY,SAGrB,OAAS,QAAAC,MAAY,SAGrB,OAAS,cAAAC,MAAkB,eAG3B,OAAS,SAAAC,MAAa,UAGtB,OAAS,SAAAC,MAAa,UAGtB,OAAS,QAAAC,MAAY,SAGrB,OAAS,aAAAC,MAAiB,cAG1B,OAAS,SAAAC,MAAa,UAGtB,OAAS,UAAAC,MAAc,WAGvB,OAAS,aAAAC,MAAiB,cAG1B,OAAS,eAAAC,MAAmB,gBAG5B,OACE,YAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,sBAAAC,MACK,aAaP,OAAS,QAAAC,MAAY,SAGrB,OAAS,YAAAC,MAAgB,aAGzB,OAAS,UAAAC,MAAc,WAGvB,OAAS,cAAAC,MAAkB,eAG3B,OAAS,UAAAC,MAAc,WAGvB,OAAS,WAAAC,MAAe,YAGxB,OAAS,aAAAC,MAAiB","names":["Avatar","Badge","Button","Card","Icon","IconButton","Image","Input","Menu","HeroImage","Modal","Rating","MovieCard","TrailerCard","Carousel","CarouselCounter","CarouselItem","CarouselLoading","CarouselNavigation","CarouselPagination","Tabs","Skeleton","Talent","Typography","Portal","Spinner","Typeahead"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import './styles.css'\n\nexport { Avatar } from './Avatar'\nexport type { AvatarProps, AvatarSize } from './Avatar'\n\nexport { Badge } from './Badge'\nexport type { BadgeProps, BadgeSize, BadgeVariant } from './Badge'\n\nexport { Button } from './Button'\nexport type { ButtonProps } from './Button'\n\nexport { Card } from './Card'\nexport type { CardProps, CardVariant } from './Card'\n\nexport { Drawer } from './Drawer'\nexport type {\n  DrawerProps,\n  DrawerHeaderProps,\n  DrawerBodyProps,\n  DrawerVariant,\n} from './Drawer'\n\nexport { Icon } from './Icon'\nexport type { IconProps, IconName, IconSize } from './Icon'\n\nexport { IconButton } from './IconButton'\nexport type { IconButtonProps } from './IconButton'\n\nexport { Image } from './Image'\nexport type { AspectRatio, ImageProps, ImageState } from './Image'\n\nexport { Input } from './Input'\nexport type { InputProps, InputSize, InputMessageType } from './Input'\n\nexport { Menu } from './Menu'\nexport type { MenuProps, MenuItemProps, MenuVariant } from './Menu'\n\nexport { HeroImage } from './HeroImage'\nexport type { HeroImageProps } from './HeroImage'\n\nexport { Modal } from './Modal'\nexport type { ModalProps } from './Modal'\n\nexport { Rating } from './Rating'\nexport type { RatingProps, RatingSize, RatingVariant } from './Rating'\n\nexport { MovieCard } from './MovieCard'\nexport type { MovieCardProps } from './MovieCard'\n\nexport { TrailerCard } from './TrailerCard'\nexport type { TrailerCardProps } from './TrailerCard'\n\nexport {\n  Carousel,\n  CarouselCounter,\n  CarouselItem,\n  CarouselLoading,\n  CarouselNavigation,\n  CarouselPagination,\n} from './Carousel'\nexport type {\n  CarouselArrowPosition,\n  CarouselCounterProps,\n  CarouselItemProps,\n  CarouselLoadingProps,\n  CarouselNavigationPosition,\n  CarouselNavigationProps,\n  CarouselPaginationProps,\n  CarouselProps,\n  CarouselVariant,\n} from './Carousel'\n\nexport { Tabs } from './Tabs'\nexport type { TabsProps, TabsVariant } from './Tabs'\n\nexport { Skeleton } from './Skeleton'\nexport type { SkeletonProps } from './Skeleton'\n\nexport { Talent } from './Talent'\nexport type { TalentProps } from './Talent'\n\nexport { Typography } from './Typography'\nexport type { TypographyProps, TypographyVariant } from './Typography'\n\nexport { Portal } from './Portal'\nexport type { PortalProps } from './Portal'\n\nexport { Spinner } from './Spinner'\nexport type { SpinnerProps } from './Spinner'\n\nexport { Typeahead } from './Typeahead'\nexport type {\n  TypeaheadProps,\n  TypeaheadItemProps,\n  TypeaheadEmptyProps,\n  TypeaheadInputProps,\n  TypeaheadMenuProps,\n} from './Typeahead'\n"],"mappings":"AAAA,MAAO,eAEP,OAAS,UAAAA,MAAc,WAGvB,OAAS,SAAAC,MAAa,UAGtB,OAAS,UAAAC,MAAc,WAGvB,OAAS,QAAAC,MAAY,SAGrB,OAAS,UAAAC,MAAc,WAQvB,OAAS,QAAAC,MAAY,SAGrB,OAAS,cAAAC,MAAkB,eAG3B,OAAS,SAAAC,MAAa,UAGtB,OAAS,SAAAC,MAAa,UAGtB,OAAS,QAAAC,MAAY,SAGrB,OAAS,aAAAC,MAAiB,cAG1B,OAAS,SAAAC,MAAa,UAGtB,OAAS,UAAAC,MAAc,WAGvB,OAAS,aAAAC,MAAiB,cAG1B,OAAS,eAAAC,MAAmB,gBAG5B,OACE,YAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,sBAAAC,MACK,aAaP,OAAS,QAAAC,MAAY,SAGrB,OAAS,YAAAC,MAAgB,aAGzB,OAAS,UAAAC,MAAc,WAGvB,OAAS,cAAAC,MAAkB,eAG3B,OAAS,UAAAC,MAAc,WAGvB,OAAS,WAAAC,MAAe,YAGxB,OAAS,aAAAC,MAAiB","names":["Avatar","Badge","Button","Card","Drawer","Icon","IconButton","Image","Input","Menu","HeroImage","Modal","Rating","MovieCard","TrailerCard","Carousel","CarouselCounter","CarouselItem","CarouselLoading","CarouselNavigation","CarouselPagination","Tabs","Skeleton","Talent","Typography","Portal","Spinner","Typeahead"]}

package/dist/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.0 | MIT License | https://tailwindcss.com */
-@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){@layer base{*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-scroll-snap-strictness:proximity;--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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-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-duration:initial}}}@layer theme{:root,:host{--ui-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ui-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ui-color-red-50:oklch(97.1% .013 17.38);--ui-color-red-200:oklch(88.5% .062 18.334);--ui-color-red-500:oklch(63.7% .237 25.331);--ui-color-red-700:oklch(50.5% .213 27.518);--ui-color-red-900:oklch(39.6% .141 25.723);--ui-color-amber-600:oklch(66.6% .179 58.318);--ui-color-yellow-400:oklch(85.2% .199 91.936);--ui-color-green-600:oklch(62.7% .194 149.214);--ui-color-gray-200:oklch(92.8% .006 264.531);--ui-color-gray-300:oklch(87.2% .01 258.338);--ui-color-gray-400:oklch(70.7% .022 261.325);--ui-color-neutral-200:oklch(92.2% 0 0);--ui-color-neutral-400:oklch(70.8% 0 0);--ui-color-neutral-700:oklch(37.1% 0 0);--ui-color-neutral-800:oklch(26.9% 0 0);--ui-color-neutral-900:oklch(20.5% 0 0);--ui-color-black:#000;--ui-color-white:#fff;--ui-container-4xl:56rem;--ui-text-xs:.75rem;--ui-text-xs--line-height:calc(1/.75);--ui-text-sm:.875rem;--ui-text-sm--line-height:calc(1.25/.875);--ui-text-base:1rem;--ui-text-base--line-height:calc(1.5/1);--ui-text-lg:1.125rem;--ui-text-lg--line-height:calc(1.75/1.125);--ui-text-xl:1.25rem;--ui-text-xl--line-height:calc(1.75/1.25);--ui-text-2xl:1.5rem;--ui-text-2xl--line-height:calc(2/1.5);--ui-text-3xl:1.875rem;--ui-text-3xl--line-height:calc(2.25/1.875);--ui-text-4xl:2.25rem;--ui-text-4xl--line-height:calc(2.5/2.25);--ui-font-weight-medium:500;--ui-font-weight-semibold:600;--ui-font-weight-bold:700;--ui-font-weight-extrabold:800;--ui-leading-tight:1.25;--ui-leading-snug:1.375;--ui-leading-normal:1.5;--ui-leading-relaxed:1.625;--ui-radius-md:.5rem;--ui-radius-lg:.75rem;--ui-animate-spin:spin 1s linear infinite;--ui-aspect-video:16/9;--ui-default-transition-duration:.15s;--ui-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--ui-default-font-family:var(--ui-font-sans);--ui-default-mono-font-family:var(--ui-font-mono);--ui-color-white-80:#fffc;--ui-color-background:#fff;--ui-color-foreground:#171717;--ui-color-primary:#f59e0b;--ui-color-primary-hover:#d97706;--ui-color-primary-foreground:#171717;--ui-color-secondary:#f5f5f5;--ui-color-secondary-foreground:#171717;--ui-color-card:#fff;--ui-color-card-foreground:#171717;--ui-color-border:#e5e5e5;--ui-color-input:#d4d4d4;--ui-color-ring:#a3a3a3;--ui-color-badge-foreground:#404040;--ui-color-destructive:#ef4444;--ui-color-destructive-foreground:#fff;--ui-color-muted:#f5f5f5;--ui-color-muted-foreground:#737373;--ui-color-accent:#f5f5f5;--ui-color-accent-foreground:#171717;--ui-color-popover:#fff;--ui-font-roboto:"Roboto",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ui-font-inter:"Inter","Roboto",ui-sans-serif,system-ui,sans-serif;--ui-radius-full:9999px;--ui-spacing-0:0;--ui-spacing-1:.25rem;--ui-spacing-2:.5rem;--ui-spacing-3:.75rem;--ui-spacing-4:1rem;--ui-spacing-6:1.5rem;--ui-spacing-8:2rem;--ui-spacing-10:2.5rem;--ui-spacing-12:3rem;--ui-spacing-16:4rem;--ui-spacing-24:6rem;--ui-spacing-32:8rem;--ui-spacing-60:15rem;--ui-spacing-px:1px;--ui-spacing-0\.5:.125rem;--ui-spacing-1\.5:.375rem;--ui-spacing-2\.5:.625rem}}@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(--ui-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(--ui-default-font-feature-settings,normal);font-variation-settings:var(--ui-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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--ui-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--ui-default-mono-font-feature-settings,normal);font-variation-settings:var(--ui-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: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}:-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}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}}@layer components{.ui-skeleton-shimmer:before{content:"";background:linear-gradient(90deg,transparent,var(--ui-color-white-80),transparent);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}}@layer utilities{.ui\:pointer-events-none{pointer-events:none}.ui\:absolute{position:absolute}.ui\:relative{position:relative}.ui\:inset-0{inset:var(--ui-spacing-0)}.ui\:top-0{top:var(--ui-spacing-0)}.ui\:top-1\/2{top:50%}.ui\:top-1\/2\!{top:50%!important}.ui\:top-4{top:var(--ui-spacing-4)}.ui\:right-0{right:var(--ui-spacing-0)}.ui\:right-2{right:var(--ui-spacing-2)}.ui\:right-3{right:var(--ui-spacing-3)}.ui\:right-4{right:var(--ui-spacing-4)}.ui\:bottom-0{bottom:var(--ui-spacing-0)}.ui\:bottom-2{bottom:var(--ui-spacing-2)}.ui\:bottom-4{bottom:var(--ui-spacing-4)}.ui\:left-0{left:var(--ui-spacing-0)}.ui\:left-1\/2{left:50%}.ui\:left-2{left:var(--ui-spacing-2)}.ui\:left-4{left:var(--ui-spacing-4)}.ui\:z-0{z-index:0}.ui\:z-1{z-index:1}.ui\:z-10{z-index:10}.ui\:z-50{z-index:50}.ui\:m-0{margin:var(--ui-spacing-0)}.ui\:mt-1{margin-top:var(--ui-spacing-1)}.ui\:mt-2{margin-top:var(--ui-spacing-2)}.ui\:mt-4{margin-top:var(--ui-spacing-4)}.ui\:-mb-px{margin-bottom:-1px;margin-bottom:calc(var(--ui-spacing-px)*-1)}.ui\:ml-1{margin-left:var(--ui-spacing-1)}.ui\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui\:block{display:block}.ui\:flex{display:flex}.ui\:inline-flex{display:inline-flex}.ui\:aspect-\[2\/3\]{aspect-ratio:2/3}.ui\:aspect-\[21\/9\]{aspect-ratio:21/9}.ui\:aspect-video{aspect-ratio:var(--ui-aspect-video)}.ui\:size-12{width:var(--ui-spacing-12);height:var(--ui-spacing-12)}.ui\:h-2{height:var(--ui-spacing-2)}.ui\:h-6{height:var(--ui-spacing-6)}.ui\:h-8{height:var(--ui-spacing-8)}.ui\:h-10{height:var(--ui-spacing-10)}.ui\:h-12{height:var(--ui-spacing-12)}.ui\:h-16{height:var(--ui-spacing-16)}.ui\:h-24{height:var(--ui-spacing-24)}.ui\:h-32{height:var(--ui-spacing-32)}.ui\:h-auto{height:auto}.ui\:h-auto\!{height:auto!important}.ui\:h-full{height:100%}.ui\:max-h-60{max-height:var(--ui-spacing-60)}.ui\:max-h-none{max-height:none}.ui\:w-2{width:var(--ui-spacing-2)}.ui\:w-6{width:var(--ui-spacing-6)}.ui\:w-8{width:var(--ui-spacing-8)}.ui\:w-10{width:var(--ui-spacing-10)}.ui\:w-12{width:var(--ui-spacing-12)}.ui\:w-16{width:var(--ui-spacing-16)}.ui\:w-24{width:var(--ui-spacing-24)}.ui\:w-32{width:var(--ui-spacing-32)}.ui\:w-fit{width:fit-content}.ui\:w-full{width:100%}.ui\:max-w-4xl{max-width:var(--ui-container-4xl)}.ui\:max-w-none{max-width:none}.ui\:flex-1{flex:1}.ui\:flex-shrink-0{flex-shrink:0}.ui\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ui\:-rotate-90{rotate:-90deg}.ui\:animate-spin{animation:var(--ui-animate-spin)}.ui\:cursor-not-allowed{cursor:not-allowed}.ui\:cursor-pointer{cursor:pointer}.ui\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.ui\:snap-mandatory{--tw-scroll-snap-strictness:mandatory}.ui\:snap-center{scroll-snap-align:center}.ui\:list-none{list-style-type:none}.ui\:flex-col{flex-direction:column}.ui\:flex-row{flex-direction:row}.ui\:flex-row-reverse{flex-direction:row-reverse}.ui\:items-center{align-items:center}.ui\:items-end{align-items:flex-end}.ui\:justify-center{justify-content:center}.ui\:justify-end{justify-content:flex-end}.ui\:gap-0\.5{gap:var(--ui-spacing-0\.5)}.ui\:gap-1{gap:var(--ui-spacing-1)}.ui\:gap-1\.5{gap:var(--ui-spacing-1\.5)}.ui\:gap-2{gap:var(--ui-spacing-2)}.ui\:gap-3{gap:var(--ui-spacing-3)}.ui\:gap-4{gap:var(--ui-spacing-4)}.ui\:overflow-hidden{overflow:hidden}.ui\:overflow-x-auto{overflow-x:auto}.ui\:overflow-y-auto{overflow-y:auto}.ui\:scroll-smooth{scroll-behavior:smooth}.ui\:rounded{border-radius:.25rem}.ui\:rounded-full{border-radius:3.40282e38px;border-radius:var(--ui-radius-full)}.ui\:rounded-lg{border-radius:var(--ui-radius-lg)}.ui\:rounded-md{border-radius:var(--ui-radius-md)}.ui\:border{border-style:var(--tw-border-style);border-width:1px}.ui\:border-0{border-style:var(--tw-border-style);border-width:0}.ui\:border-4{border-style:var(--tw-border-style);border-width:4px}.ui\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.ui\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.ui\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.ui\:border-border{border-color:var(--ui-color-border)}.ui\:border-destructive{border-color:var(--ui-color-destructive)}.ui\:border-input{border-color:var(--ui-color-input)}.ui\:border-neutral-700{border-color:var(--ui-color-neutral-700)}.ui\:border-primary{border-color:var(--ui-color-primary)}.ui\:border-red-200{border-color:var(--ui-color-red-200)}.ui\:border-transparent{border-color:#0000}.ui\:border-white\/20{border-color:color-mix(in oklab,var(--ui-color-white)20%,transparent)}.ui\:border-t-white{border-top-color:var(--ui-color-white)}.ui\:bg-background{background-color:var(--ui-color-background)}.ui\:bg-black\/30{background-color:color-mix(in oklab,var(--ui-color-black)30%,transparent)}.ui\:bg-black\/50{background-color:color-mix(in oklab,var(--ui-color-black)50%,transparent)}.ui\:bg-black\/80{background-color:color-mix(in oklab,var(--ui-color-black)80%,transparent)}.ui\:bg-card{background-color:var(--ui-color-card)}.ui\:bg-destructive{background-color:var(--ui-color-destructive)}.ui\:bg-gray-200{background-color:var(--ui-color-gray-200)}.ui\:bg-gray-400{background-color:var(--ui-color-gray-400)}.ui\:bg-muted{background-color:var(--ui-color-muted)}.ui\:bg-neutral-900{background-color:var(--ui-color-neutral-900)}.ui\:bg-popover{background-color:var(--ui-color-popover)}.ui\:bg-primary{background-color:var(--ui-color-primary)}.ui\:bg-primary\/10{background-color:color-mix(in oklab,var(--ui-color-primary)10%,transparent)}.ui\:bg-primary\/15{background-color:color-mix(in oklab,var(--ui-color-primary)15%,transparent)}.ui\:bg-primary\/20{background-color:color-mix(in oklab,var(--ui-color-primary)20%,transparent)}.ui\:bg-primary\/25{background-color:color-mix(in oklab,var(--ui-color-primary)25%,transparent)}.ui\:bg-red-50{background-color:var(--ui-color-red-50)}.ui\:bg-secondary{background-color:var(--ui-color-secondary)}.ui\:bg-transparent{background-color:#0000}.ui\:bg-white{background-color:var(--ui-color-white)}.ui\:bg-white\/20{background-color:color-mix(in oklab,var(--ui-color-white)20%,transparent)}.ui\:bg-white\/50{background-color:color-mix(in oklab,var(--ui-color-white)50%,transparent)}.ui\:bg-white\/80{background-color:color-mix(in oklab,var(--ui-color-white)80%,transparent)}.ui\:bg-white\/90{background-color:color-mix(in oklab,var(--ui-color-white)90%,transparent)}.ui\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.ui\:from-black\/80{--tw-gradient-from:color-mix(in oklab,var(--ui-color-black)80%,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))}.ui\:via-black\/40{--tw-gradient-via:color-mix(in oklab,var(--ui-color-black)40%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.ui\:to-transparent{--tw-gradient-to: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))}.ui\:object-cover{object-fit:cover}.ui\:object-center{object-position:center}.ui\:p-0{padding:var(--ui-spacing-0)}.ui\:p-1{padding:var(--ui-spacing-1)}.ui\:p-4{padding:var(--ui-spacing-4)}.ui\:p-6{padding:var(--ui-spacing-6)}.ui\:p-8{padding:var(--ui-spacing-8)}.ui\:px-1{padding-inline:var(--ui-spacing-1)}.ui\:px-2{padding-inline:var(--ui-spacing-2)}.ui\:px-2\.5{padding-inline:var(--ui-spacing-2\.5)}.ui\:px-3{padding-inline:var(--ui-spacing-3)}.ui\:px-4{padding-inline:var(--ui-spacing-4)}.ui\:px-6{padding-inline:var(--ui-spacing-6)}.ui\:py-0\.5{padding-block:var(--ui-spacing-0\.5)}.ui\:py-1{padding-block:var(--ui-spacing-1)}.ui\:py-2{padding-block:var(--ui-spacing-2)}.ui\:pr-8{padding-right:var(--ui-spacing-8)}.ui\:pr-10{padding-right:var(--ui-spacing-10)}.ui\:pr-12{padding-right:var(--ui-spacing-12)}.ui\:pl-4{padding-left:var(--ui-spacing-4)}.ui\:text-center{text-align:center}.ui\:font-inter{font-family:var(--ui-font-inter)}.ui\:font-roboto{font-family:var(--ui-font-roboto)}.ui\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:text-sm{font-size:var(--ui-text-sm);line-height:var(--tw-leading,var(--ui-text-sm--line-height))}.ui\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}.ui\:text-xs{font-size:var(--ui-text-xs);line-height:var(--tw-leading,var(--ui-text-xs--line-height))}.ui\:leading-normal{--tw-leading:var(--ui-leading-normal);line-height:var(--ui-leading-normal)}.ui\:leading-relaxed{--tw-leading:var(--ui-leading-relaxed);line-height:var(--ui-leading-relaxed)}.ui\:leading-snug{--tw-leading:var(--ui-leading-snug);line-height:var(--ui-leading-snug)}.ui\:leading-tight{--tw-leading:var(--ui-leading-tight);line-height:var(--ui-leading-tight)}.ui\:font-bold{--tw-font-weight:var(--ui-font-weight-bold);font-weight:var(--ui-font-weight-bold)}.ui\:font-extrabold{--tw-font-weight:var(--ui-font-weight-extrabold);font-weight:var(--ui-font-weight-extrabold)}.ui\:font-medium{--tw-font-weight:var(--ui-font-weight-medium);font-weight:var(--ui-font-weight-medium)}.ui\:font-semibold{--tw-font-weight:var(--ui-font-weight-semibold);font-weight:var(--ui-font-weight-semibold)}.ui\:text-amber-600{color:var(--ui-color-amber-600)}.ui\:text-card-foreground{color:var(--ui-color-card-foreground)}.ui\:text-destructive{color:var(--ui-color-destructive)}.ui\:text-destructive-foreground{color:var(--ui-color-destructive-foreground)}.ui\:text-foreground{color:var(--ui-color-foreground)}.ui\:text-gray-200{color:var(--ui-color-gray-200)}.ui\:text-gray-300{color:var(--ui-color-gray-300)}.ui\:text-green-600{color:var(--ui-color-green-600)}.ui\:text-inherit{color:inherit}.ui\:text-muted-foreground{color:var(--ui-color-muted-foreground)}.ui\:text-muted-foreground\/50{color:color-mix(in oklab,var(--ui-color-muted-foreground)50%,transparent)}.ui\:text-neutral-200{color:var(--ui-color-neutral-200)}.ui\:text-neutral-400{color:var(--ui-color-neutral-400)}.ui\:text-primary{color:var(--ui-color-primary)}.ui\:text-primary-foreground{color:var(--ui-color-primary-foreground)}.ui\:text-primary-hover{color:var(--ui-color-primary-hover)}.ui\:text-red-500{color:var(--ui-color-red-500)}.ui\:text-red-700{color:var(--ui-color-red-700)}.ui\:text-red-900{color:var(--ui-color-red-900)}.ui\:text-secondary-foreground{color:var(--ui-color-secondary-foreground)}.ui\:text-white{color:var(--ui-color-white)}.ui\:text-white\/90{color:color-mix(in oklab,var(--ui-color-white)90%,transparent)}.ui\:text-yellow-400{color:var(--ui-color-yellow-400)}.ui\:uppercase{text-transform:uppercase}.ui\:italic{font-style:italic}.ui\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.ui\:no-underline{text-decoration-line:none}.ui\:opacity-0{opacity:0}.ui\:opacity-50{opacity:.5}.ui\:opacity-100{opacity:1}.ui\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:shadow-sm{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a,0 1px 1px #0000000f);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,)}.ui\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\: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(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:duration-200{--tw-duration:.2s;transition-duration:.2s}.ui\:duration-300{--tw-duration:.3s;transition-duration:.3s}.ui\:duration-500{--tw-duration:.5s;transition-duration:.5s}.ui\:select-none{-webkit-user-select:none;user-select:none}.ui\:placeholder\:text-muted-foreground::placeholder{color:var(--ui-color-muted-foreground)}.ui\:backdrop\:bg-black\/80::backdrop{background-color:color-mix(in oklab,var(--ui-color-black)80%,transparent)}@media (hover:hover){.ui\:hover\:bg-accent:hover{background-color:var(--ui-color-accent)}.ui\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--ui-color-destructive)90%,transparent)}.ui\:hover\:bg-neutral-800:hover{background-color:var(--ui-color-neutral-800)}.ui\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--ui-color-primary)90%,transparent)}.ui\:hover\:bg-secondary:hover{background-color:var(--ui-color-secondary)}.ui\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--ui-color-secondary)80%,transparent)}.ui\:hover\:bg-white\/55:hover{background-color:color-mix(in oklab,var(--ui-color-white)55%,transparent)}.ui\:hover\:text-accent-foreground:hover{color:var(--ui-color-accent-foreground)}.ui\:hover\:text-secondary-foreground:hover{color:var(--ui-color-secondary-foreground)}.ui\:hover\:text-white:hover{color:var(--ui-color-white)}}.ui\:focus\:border-none:focus{--tw-border-style:none;border-style:none}.ui\: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)}.ui\:focus\:ring-destructive:focus{--tw-ring-color:var(--ui-color-destructive)}.ui\:focus\:ring-primary:focus{--tw-ring-color:var(--ui-color-primary)}.ui\:focus\:ring-ring:focus{--tw-ring-color:var(--ui-color-ring)}.ui\: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)}.ui\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.ui\:disabled\:pointer-events-none:disabled{pointer-events:none}.ui\:disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.ui\:sm\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:sm\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:sm\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:sm\:text-sm{font-size:var(--ui-text-sm);line-height:var(--tw-leading,var(--ui-text-sm--line-height))}.ui\:sm\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}@media (min-width:48rem){.ui\:md\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:md\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:md\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:md\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:md\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}@media (min-width:64rem){.ui\:lg\:max-h-\[440px\]{max-height:440px}.ui\:lg\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:lg\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:lg\:text-4xl{font-size:var(--ui-text-4xl);line-height:var(--tw-leading,var(--ui-text-4xl--line-height))}.ui\:lg\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}@media (min-width:80rem){.ui\:xl\:top-0{top:var(--ui-spacing-0)}.ui\:xl\:top-0\!{top:var(--ui-spacing-0)!important}.ui\:xl\:-translate-y-0{--tw-translate-y:calc(var(--ui-spacing-0)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.media-section:nth-of-type(odd) .ui\:\[\.media-section\:nth-of-type\(odd\)_\&\]\:bg-white{background-color:var(--ui-color-white)}.media-section:nth-of-type(odd) .ui\:\[\.media-section\:nth-of-type\(odd\)_\&\]\:text-badge-foreground{color:var(--ui-color-badge-foreground)}.text-shadow-strong{text-shadow:0 0 10px #000000bf}.text-shadow-medium{text-shadow:0 0 5px #00000080}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-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-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){@layer base{*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-scroll-snap-strictness:proximity;--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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-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-duration:initial}}}@layer theme{:root,:host{--ui-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ui-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ui-color-red-50:oklch(97.1% .013 17.38);--ui-color-red-200:oklch(88.5% .062 18.334);--ui-color-red-500:oklch(63.7% .237 25.331);--ui-color-red-700:oklch(50.5% .213 27.518);--ui-color-red-900:oklch(39.6% .141 25.723);--ui-color-amber-600:oklch(66.6% .179 58.318);--ui-color-yellow-400:oklch(85.2% .199 91.936);--ui-color-green-600:oklch(62.7% .194 149.214);--ui-color-gray-200:oklch(92.8% .006 264.531);--ui-color-gray-300:oklch(87.2% .01 258.338);--ui-color-gray-400:oklch(70.7% .022 261.325);--ui-color-neutral-200:oklch(92.2% 0 0);--ui-color-neutral-400:oklch(70.8% 0 0);--ui-color-neutral-700:oklch(37.1% 0 0);--ui-color-neutral-800:oklch(26.9% 0 0);--ui-color-neutral-900:oklch(20.5% 0 0);--ui-color-black:#000;--ui-color-white:#fff;--ui-container-4xl:56rem;--ui-text-xs:.75rem;--ui-text-xs--line-height:calc(1/.75);--ui-text-sm:.875rem;--ui-text-sm--line-height:calc(1.25/.875);--ui-text-base:1rem;--ui-text-base--line-height:calc(1.5/1);--ui-text-lg:1.125rem;--ui-text-lg--line-height:calc(1.75/1.125);--ui-text-xl:1.25rem;--ui-text-xl--line-height:calc(1.75/1.25);--ui-text-2xl:1.5rem;--ui-text-2xl--line-height:calc(2/1.5);--ui-text-3xl:1.875rem;--ui-text-3xl--line-height:calc(2.25/1.875);--ui-text-4xl:2.25rem;--ui-text-4xl--line-height:calc(2.5/2.25);--ui-font-weight-medium:500;--ui-font-weight-semibold:600;--ui-font-weight-bold:700;--ui-font-weight-extrabold:800;--ui-tracking-wider:.05em;--ui-leading-tight:1.25;--ui-leading-snug:1.375;--ui-leading-normal:1.5;--ui-leading-relaxed:1.625;--ui-radius-md:.5rem;--ui-radius-lg:.75rem;--ui-animate-spin:spin 1s linear infinite;--ui-aspect-video:16/9;--ui-default-transition-duration:.15s;--ui-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--ui-default-font-family:var(--ui-font-sans);--ui-default-mono-font-family:var(--ui-font-mono);--ui-color-white-80:#fffc;--ui-color-background:#fff;--ui-color-foreground:#171717;--ui-color-primary:#f59e0b;--ui-color-primary-hover:#d97706;--ui-color-primary-foreground:#171717;--ui-color-secondary:#f5f5f5;--ui-color-secondary-foreground:#171717;--ui-color-card:#fff;--ui-color-card-foreground:#171717;--ui-color-border:#e5e5e5;--ui-color-input:#d4d4d4;--ui-color-ring:#a3a3a3;--ui-color-badge-foreground:#404040;--ui-color-destructive:#ef4444;--ui-color-destructive-foreground:#fff;--ui-color-muted:#f5f5f5;--ui-color-muted-foreground:#737373;--ui-color-accent:#f5f5f5;--ui-color-accent-foreground:#171717;--ui-color-popover:#fff;--ui-color-popover-foreground:#171717;--ui-font-roboto:"Roboto",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ui-font-inter:"Inter","Roboto",ui-sans-serif,system-ui,sans-serif;--ui-radius-full:9999px;--ui-spacing-0:0;--ui-spacing-1:.25rem;--ui-spacing-2:.5rem;--ui-spacing-3:.75rem;--ui-spacing-4:1rem;--ui-spacing-6:1.5rem;--ui-spacing-8:2rem;--ui-spacing-10:2.5rem;--ui-spacing-12:3rem;--ui-spacing-16:4rem;--ui-spacing-24:6rem;--ui-spacing-32:8rem;--ui-spacing-60:15rem;--ui-spacing-px:1px;--ui-spacing-0\.5:.125rem;--ui-spacing-1\.5:.375rem;--ui-spacing-2\.5:.625rem;--ui-animate-slide-up:slide-up .3s ease-out}}@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(--ui-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(--ui-default-font-feature-settings,normal);font-variation-settings:var(--ui-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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--ui-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--ui-default-mono-font-feature-settings,normal);font-variation-settings:var(--ui-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: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}:-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}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@layer components{.ui-skeleton-shimmer:before{content:"";background:linear-gradient(90deg,transparent,var(--ui-color-white-80),transparent);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}}@layer utilities{.ui\:pointer-events-none{pointer-events:none}.ui\:absolute{position:absolute}.ui\:fixed{position:fixed}.ui\:relative{position:relative}.ui\:inset-0{inset:var(--ui-spacing-0)}.ui\:inset-x-0{inset-inline:var(--ui-spacing-0)}.ui\:top-0{top:var(--ui-spacing-0)}.ui\:top-1\/2{top:50%}.ui\:top-1\/2\!{top:50%!important}.ui\:top-4{top:var(--ui-spacing-4)}.ui\:right-0{right:var(--ui-spacing-0)}.ui\:right-2{right:var(--ui-spacing-2)}.ui\:right-3{right:var(--ui-spacing-3)}.ui\:right-4{right:var(--ui-spacing-4)}.ui\:bottom-0{bottom:var(--ui-spacing-0)}.ui\:bottom-2{bottom:var(--ui-spacing-2)}.ui\:bottom-4{bottom:var(--ui-spacing-4)}.ui\:left-0{left:var(--ui-spacing-0)}.ui\:left-1\/2{left:50%}.ui\:left-2{left:var(--ui-spacing-2)}.ui\:left-4{left:var(--ui-spacing-4)}.ui\:z-0{z-index:0}.ui\:z-1{z-index:1}.ui\:z-10{z-index:10}.ui\:z-50{z-index:50}.ui\:m-0{margin:var(--ui-spacing-0)}.ui\:mt-1{margin-top:var(--ui-spacing-1)}.ui\:mt-2{margin-top:var(--ui-spacing-2)}.ui\:mt-4{margin-top:var(--ui-spacing-4)}.ui\:-mb-px{margin-bottom:-1px;margin-bottom:calc(var(--ui-spacing-px)*-1)}.ui\:ml-1{margin-left:var(--ui-spacing-1)}.ui\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui\:block{display:block}.ui\:flex{display:flex}.ui\:inline-flex{display:inline-flex}.ui\:aspect-\[2\/3\]{aspect-ratio:2/3}.ui\:aspect-\[21\/9\]{aspect-ratio:21/9}.ui\:aspect-video{aspect-ratio:var(--ui-aspect-video)}.ui\:size-12{width:var(--ui-spacing-12);height:var(--ui-spacing-12)}.ui\:h-2{height:var(--ui-spacing-2)}.ui\:h-6{height:var(--ui-spacing-6)}.ui\:h-8{height:var(--ui-spacing-8)}.ui\:h-10{height:var(--ui-spacing-10)}.ui\:h-12{height:var(--ui-spacing-12)}.ui\:h-16{height:var(--ui-spacing-16)}.ui\:h-24{height:var(--ui-spacing-24)}.ui\:h-32{height:var(--ui-spacing-32)}.ui\:h-auto{height:auto}.ui\:h-auto\!{height:auto!important}.ui\:h-full{height:100%}.ui\:max-h-60{max-height:var(--ui-spacing-60)}.ui\:max-h-\[60vh\]{max-height:60vh}.ui\:max-h-none{max-height:none}.ui\:w-2{width:var(--ui-spacing-2)}.ui\:w-6{width:var(--ui-spacing-6)}.ui\:w-8{width:var(--ui-spacing-8)}.ui\:w-10{width:var(--ui-spacing-10)}.ui\:w-12{width:var(--ui-spacing-12)}.ui\:w-16{width:var(--ui-spacing-16)}.ui\:w-24{width:var(--ui-spacing-24)}.ui\:w-32{width:var(--ui-spacing-32)}.ui\:w-fit{width:fit-content}.ui\:w-full{width:100%}.ui\:max-w-4xl{max-width:var(--ui-container-4xl)}.ui\:max-w-none{max-width:none}.ui\:flex-1{flex:1}.ui\:flex-shrink-0{flex-shrink:0}.ui\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.ui\:scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ui\:-rotate-90{rotate:-90deg}.ui\:animate-slide-up{animation:var(--ui-animate-slide-up)}.ui\:animate-spin{animation:var(--ui-animate-spin)}.ui\:cursor-not-allowed{cursor:not-allowed}.ui\:cursor-pointer{cursor:pointer}.ui\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.ui\:snap-mandatory{--tw-scroll-snap-strictness:mandatory}.ui\:snap-center{scroll-snap-align:center}.ui\:list-none{list-style-type:none}.ui\:flex-col{flex-direction:column}.ui\:flex-row{flex-direction:row}.ui\:flex-row-reverse{flex-direction:row-reverse}.ui\:items-center{align-items:center}.ui\:items-end{align-items:flex-end}.ui\:justify-between{justify-content:space-between}.ui\:justify-center{justify-content:center}.ui\:justify-end{justify-content:flex-end}.ui\:gap-0\.5{gap:var(--ui-spacing-0\.5)}.ui\:gap-1{gap:var(--ui-spacing-1)}.ui\:gap-1\.5{gap:var(--ui-spacing-1\.5)}.ui\:gap-2{gap:var(--ui-spacing-2)}.ui\:gap-3{gap:var(--ui-spacing-3)}.ui\:gap-4{gap:var(--ui-spacing-4)}.ui\:overflow-hidden{overflow:hidden}.ui\:overflow-x-auto{overflow-x:auto}.ui\:overflow-y-auto{overflow-y:auto}.ui\:scroll-smooth{scroll-behavior:smooth}.ui\:rounded{border-radius:.25rem}.ui\:rounded-full{border-radius:3.40282e38px;border-radius:var(--ui-radius-full)}.ui\:rounded-lg{border-radius:var(--ui-radius-lg)}.ui\:rounded-md{border-radius:var(--ui-radius-md)}.ui\:rounded-t-lg{border-top-left-radius:var(--ui-radius-lg);border-top-right-radius:var(--ui-radius-lg)}.ui\:border{border-style:var(--tw-border-style);border-width:1px}.ui\:border-0{border-style:var(--tw-border-style);border-width:0}.ui\:border-4{border-style:var(--tw-border-style);border-width:4px}.ui\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.ui\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.ui\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.ui\:border-border{border-color:var(--ui-color-border)}.ui\:border-destructive{border-color:var(--ui-color-destructive)}.ui\:border-input{border-color:var(--ui-color-input)}.ui\:border-neutral-700{border-color:var(--ui-color-neutral-700)}.ui\:border-primary{border-color:var(--ui-color-primary)}.ui\:border-red-200{border-color:var(--ui-color-red-200)}.ui\:border-transparent{border-color:#0000}.ui\:border-white\/20{border-color:color-mix(in oklab,var(--ui-color-white)20%,transparent)}.ui\:border-t-white{border-top-color:var(--ui-color-white)}.ui\:bg-background{background-color:var(--ui-color-background)}.ui\:bg-black\/30{background-color:color-mix(in oklab,var(--ui-color-black)30%,transparent)}.ui\:bg-black\/50{background-color:color-mix(in oklab,var(--ui-color-black)50%,transparent)}.ui\:bg-black\/80{background-color:color-mix(in oklab,var(--ui-color-black)80%,transparent)}.ui\:bg-card{background-color:var(--ui-color-card)}.ui\:bg-destructive{background-color:var(--ui-color-destructive)}.ui\:bg-gray-200{background-color:var(--ui-color-gray-200)}.ui\:bg-gray-400{background-color:var(--ui-color-gray-400)}.ui\:bg-muted{background-color:var(--ui-color-muted)}.ui\:bg-neutral-900{background-color:var(--ui-color-neutral-900)}.ui\:bg-popover{background-color:var(--ui-color-popover)}.ui\:bg-primary{background-color:var(--ui-color-primary)}.ui\:bg-primary\/10{background-color:color-mix(in oklab,var(--ui-color-primary)10%,transparent)}.ui\:bg-primary\/15{background-color:color-mix(in oklab,var(--ui-color-primary)15%,transparent)}.ui\:bg-primary\/20{background-color:color-mix(in oklab,var(--ui-color-primary)20%,transparent)}.ui\:bg-primary\/25{background-color:color-mix(in oklab,var(--ui-color-primary)25%,transparent)}.ui\:bg-red-50{background-color:var(--ui-color-red-50)}.ui\:bg-secondary{background-color:var(--ui-color-secondary)}.ui\:bg-transparent{background-color:#0000}.ui\:bg-white{background-color:var(--ui-color-white)}.ui\:bg-white\/20{background-color:color-mix(in oklab,var(--ui-color-white)20%,transparent)}.ui\:bg-white\/50{background-color:color-mix(in oklab,var(--ui-color-white)50%,transparent)}.ui\:bg-white\/80{background-color:color-mix(in oklab,var(--ui-color-white)80%,transparent)}.ui\:bg-white\/90{background-color:color-mix(in oklab,var(--ui-color-white)90%,transparent)}.ui\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.ui\:from-black\/80{--tw-gradient-from:color-mix(in oklab,var(--ui-color-black)80%,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))}.ui\:via-black\/40{--tw-gradient-via:color-mix(in oklab,var(--ui-color-black)40%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.ui\:to-transparent{--tw-gradient-to: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))}.ui\:object-cover{object-fit:cover}.ui\:object-center{object-position:center}.ui\:p-0{padding:var(--ui-spacing-0)}.ui\:p-1{padding:var(--ui-spacing-1)}.ui\:p-4{padding:var(--ui-spacing-4)}.ui\:p-6{padding:var(--ui-spacing-6)}.ui\:p-8{padding:var(--ui-spacing-8)}.ui\:px-1{padding-inline:var(--ui-spacing-1)}.ui\:px-2{padding-inline:var(--ui-spacing-2)}.ui\:px-2\.5{padding-inline:var(--ui-spacing-2\.5)}.ui\:px-3{padding-inline:var(--ui-spacing-3)}.ui\:px-4{padding-inline:var(--ui-spacing-4)}.ui\:px-6{padding-inline:var(--ui-spacing-6)}.ui\:py-0\.5{padding-block:var(--ui-spacing-0\.5)}.ui\:py-1{padding-block:var(--ui-spacing-1)}.ui\:py-2{padding-block:var(--ui-spacing-2)}.ui\:py-3{padding-block:var(--ui-spacing-3)}.ui\:pr-8{padding-right:var(--ui-spacing-8)}.ui\:pr-10{padding-right:var(--ui-spacing-10)}.ui\:pr-12{padding-right:var(--ui-spacing-12)}.ui\:pl-4{padding-left:var(--ui-spacing-4)}.ui\:text-center{text-align:center}.ui\:font-inter{font-family:var(--ui-font-inter)}.ui\:font-roboto{font-family:var(--ui-font-roboto)}.ui\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:text-sm{font-size:var(--ui-text-sm);line-height:var(--tw-leading,var(--ui-text-sm--line-height))}.ui\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}.ui\:text-xs{font-size:var(--ui-text-xs);line-height:var(--tw-leading,var(--ui-text-xs--line-height))}.ui\:leading-normal{--tw-leading:var(--ui-leading-normal);line-height:var(--ui-leading-normal)}.ui\:leading-relaxed{--tw-leading:var(--ui-leading-relaxed);line-height:var(--ui-leading-relaxed)}.ui\:leading-snug{--tw-leading:var(--ui-leading-snug);line-height:var(--ui-leading-snug)}.ui\:leading-tight{--tw-leading:var(--ui-leading-tight);line-height:var(--ui-leading-tight)}.ui\:font-bold{--tw-font-weight:var(--ui-font-weight-bold);font-weight:var(--ui-font-weight-bold)}.ui\:font-extrabold{--tw-font-weight:var(--ui-font-weight-extrabold);font-weight:var(--ui-font-weight-extrabold)}.ui\:font-medium{--tw-font-weight:var(--ui-font-weight-medium);font-weight:var(--ui-font-weight-medium)}.ui\:font-semibold{--tw-font-weight:var(--ui-font-weight-semibold);font-weight:var(--ui-font-weight-semibold)}.ui\:tracking-wider{--tw-tracking:var(--ui-tracking-wider);letter-spacing:var(--ui-tracking-wider)}.ui\:text-amber-600{color:var(--ui-color-amber-600)}.ui\:text-card-foreground{color:var(--ui-color-card-foreground)}.ui\:text-destructive{color:var(--ui-color-destructive)}.ui\:text-destructive-foreground{color:var(--ui-color-destructive-foreground)}.ui\:text-foreground{color:var(--ui-color-foreground)}.ui\:text-gray-200{color:var(--ui-color-gray-200)}.ui\:text-gray-300{color:var(--ui-color-gray-300)}.ui\:text-green-600{color:var(--ui-color-green-600)}.ui\:text-inherit{color:inherit}.ui\:text-muted-foreground{color:var(--ui-color-muted-foreground)}.ui\:text-muted-foreground\/50{color:color-mix(in oklab,var(--ui-color-muted-foreground)50%,transparent)}.ui\:text-neutral-200{color:var(--ui-color-neutral-200)}.ui\:text-neutral-400{color:var(--ui-color-neutral-400)}.ui\:text-popover-foreground{color:var(--ui-color-popover-foreground)}.ui\:text-primary{color:var(--ui-color-primary)}.ui\:text-primary-foreground{color:var(--ui-color-primary-foreground)}.ui\:text-primary-hover{color:var(--ui-color-primary-hover)}.ui\:text-red-500{color:var(--ui-color-red-500)}.ui\:text-red-700{color:var(--ui-color-red-700)}.ui\:text-red-900{color:var(--ui-color-red-900)}.ui\:text-secondary-foreground{color:var(--ui-color-secondary-foreground)}.ui\:text-white{color:var(--ui-color-white)}.ui\:text-white\/90{color:color-mix(in oklab,var(--ui-color-white)90%,transparent)}.ui\:text-yellow-400{color:var(--ui-color-yellow-400)}.ui\:uppercase{text-transform:uppercase}.ui\:italic{font-style:italic}.ui\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.ui\:no-underline{text-decoration-line:none}.ui\:opacity-0{opacity:0}.ui\:opacity-50{opacity:.5}.ui\:opacity-100{opacity:1}.ui\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:shadow-sm{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui\:drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a,0 1px 1px #0000000f);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,)}.ui\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\: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(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ui-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ui-default-transition-duration))}.ui\:duration-200{--tw-duration:.2s;transition-duration:.2s}.ui\:duration-300{--tw-duration:.3s;transition-duration:.3s}.ui\:duration-500{--tw-duration:.5s;transition-duration:.5s}.ui\:select-none{-webkit-user-select:none;user-select:none}.ui\:placeholder\:text-muted-foreground::placeholder{color:var(--ui-color-muted-foreground)}.ui\:backdrop\:bg-black\/80::backdrop{background-color:color-mix(in oklab,var(--ui-color-black)80%,transparent)}@media (hover:hover){.ui\:hover\:bg-accent:hover{background-color:var(--ui-color-accent)}.ui\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--ui-color-destructive)90%,transparent)}.ui\:hover\:bg-neutral-800:hover{background-color:var(--ui-color-neutral-800)}.ui\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--ui-color-primary)90%,transparent)}.ui\:hover\:bg-secondary:hover{background-color:var(--ui-color-secondary)}.ui\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--ui-color-secondary)80%,transparent)}.ui\:hover\:bg-white\/55:hover{background-color:color-mix(in oklab,var(--ui-color-white)55%,transparent)}.ui\:hover\:text-accent-foreground:hover{color:var(--ui-color-accent-foreground)}.ui\:hover\:text-secondary-foreground:hover{color:var(--ui-color-secondary-foreground)}.ui\:hover\:text-white:hover{color:var(--ui-color-white)}}.ui\:focus\:border-none:focus{--tw-border-style:none;border-style:none}.ui\: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)}.ui\:focus\:ring-destructive:focus{--tw-ring-color:var(--ui-color-destructive)}.ui\:focus\:ring-primary:focus{--tw-ring-color:var(--ui-color-primary)}.ui\:focus\:ring-ring:focus{--tw-ring-color:var(--ui-color-ring)}.ui\: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)}.ui\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.ui\:disabled\:pointer-events-none:disabled{pointer-events:none}.ui\:disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.ui\:sm\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:sm\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:sm\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:sm\:text-sm{font-size:var(--ui-text-sm);line-height:var(--tw-leading,var(--ui-text-sm--line-height))}.ui\:sm\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}@media (min-width:48rem){.ui\:md\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:md\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:md\:text-base{font-size:var(--ui-text-base);line-height:var(--tw-leading,var(--ui-text-base--line-height))}.ui\:md\:text-lg{font-size:var(--ui-text-lg);line-height:var(--tw-leading,var(--ui-text-lg--line-height))}.ui\:md\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}@media (min-width:64rem){.ui\:lg\:max-h-\[440px\]{max-height:440px}.ui\:lg\:text-2xl{font-size:var(--ui-text-2xl);line-height:var(--tw-leading,var(--ui-text-2xl--line-height))}.ui\:lg\:text-3xl{font-size:var(--ui-text-3xl);line-height:var(--tw-leading,var(--ui-text-3xl--line-height))}.ui\:lg\:text-4xl{font-size:var(--ui-text-4xl);line-height:var(--tw-leading,var(--ui-text-4xl--line-height))}.ui\:lg\:text-xl{font-size:var(--ui-text-xl);line-height:var(--tw-leading,var(--ui-text-xl--line-height))}}@media (min-width:80rem){.ui\:xl\:top-0{top:var(--ui-spacing-0)}.ui\:xl\:top-0\!{top:var(--ui-spacing-0)!important}.ui\:xl\:-translate-y-0{--tw-translate-y:calc(var(--ui-spacing-0)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.media-section:nth-of-type(odd) .ui\:\[\.media-section\:nth-of-type\(odd\)_\&\]\:bg-white{background-color:var(--ui-color-white)}.media-section:nth-of-type(odd) .ui\:\[\.media-section\:nth-of-type\(odd\)_\&\]\:text-badge-foreground{color:var(--ui-color-badge-foreground)}.text-shadow-strong{text-shadow:0 0 10px #000000bf}.text-shadow-medium{text-shadow:0 0 5px #00000080}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-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-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-mf-monorepo/ui",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Design system components for vite-mf-monorepo",
   "type": "module",
   "publishConfig": {
@@ -79,7 +79,7 @@
   "dependencies": {
     "@heroicons/react": "^2.2.0",
     "clsx": "2.1.1",
-    "@vite-mf-monorepo/shared": "0.1.2"
+    "@vite-mf-monorepo/shared": "0.2.0"
   },
   "scripts": {
     "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify",