@shipfox/react-ui 0.15.0 → 0.17.0

package/dist/components/tabs/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import {type HTMLMotionProps, motion, type Transition} from 'framer-motion';\nimport {\n  Children,\n  type ComponentProps,\n  createContext,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {cn} from 'utils/cn';\nimport {debounce} from 'utils/debounce';\n\ntype TabsContextType<T extends string = string> = {\n  activeValue: T;\n  handleValueChange: (value: T) => void;\n  registerTrigger: (value: string, node: HTMLElement | null) => void;\n  getTriggerElement: (value: string) => HTMLElement | undefined;\n  getAllTriggerValues: () => string[];\n};\n\nconst TabsContext = createContext<TabsContextType<string> | undefined>(undefined);\n\nfunction useTabs<T extends string = string>(): TabsContextType<T> {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error('useTabs must be used within a Tabs component');\n  }\n  return context as unknown as TabsContextType<T>;\n}\n\ntype BaseTabsProps = ComponentProps<'div'> & {\n  children: ReactNode;\n};\n\ntype UnControlledTabsProps<T extends string = string> = BaseTabsProps & {\n  defaultValue?: T;\n  value?: never;\n  onValueChange?: never;\n};\n\ntype ControlledTabsProps<T extends string = string> = BaseTabsProps & {\n  value: T;\n  onValueChange?: (value: T) => void;\n  defaultValue?: never;\n};\n\ntype TabsProps<T extends string = string> = UnControlledTabsProps<T> | ControlledTabsProps<T>;\n\nfunction Tabs<T extends string = string>({\n  defaultValue,\n  value,\n  onValueChange,\n  children,\n  className,\n  ...props\n}: TabsProps<T>) {\n  const [activeValue, setActiveValue] = useState<T | undefined>(defaultValue ?? undefined);\n  const triggersRef = useRef(new Map<string, HTMLElement>());\n  const initialSet = useRef(false);\n  const isControlled = value !== undefined;\n\n  useEffect(() => {\n    if (\n      !isControlled &&\n      activeValue === undefined &&\n      triggersRef.current.size > 0 &&\n      !initialSet.current\n    ) {\n      const firstTab = Array.from(triggersRef.current.keys())[0];\n      setActiveValue(firstTab as T);\n      initialSet.current = true;\n    }\n  }, [activeValue, isControlled]);\n\n  const registerTrigger = useCallback(\n    (value: string, node: HTMLElement | null) => {\n      if (node) {\n        triggersRef.current.set(value, node);\n        if (!isControlled && activeValue === undefined && !initialSet.current) {\n          setActiveValue(value as T);\n          initialSet.current = true;\n        }\n      } else {\n        triggersRef.current.delete(value);\n      }\n    },\n    [isControlled, activeValue],\n  );\n\n  const handleValueChange = useCallback(\n    (val: T) => {\n      if (!isControlled) setActiveValue(val);\n      else onValueChange?.(val);\n    },\n    [isControlled, onValueChange],\n  );\n\n  const getTriggerElement = useCallback((val: string) => {\n    return triggersRef.current.get(val);\n  }, []);\n\n  const getAllTriggerValues = useCallback(() => {\n    return Array.from(triggersRef.current.keys());\n  }, []);\n\n  const resolvedActiveValue: T = useMemo(() => {\n    if (value !== undefined) return value;\n    if (activeValue !== undefined) return activeValue;\n    const firstKey = Array.from(triggersRef.current.keys())[0];\n    return (firstKey ?? '') as T;\n  }, [value, activeValue]);\n\n  return (\n    <TabsContext.Provider\n      value={{\n        activeValue: resolvedActiveValue as string,\n        handleValueChange: handleValueChange as (value: string) => void,\n        registerTrigger,\n        getTriggerElement,\n        getAllTriggerValues,\n      }}\n    >\n      <div\n        data-slot=\"tabs\"\n        className={cn('flex flex-col gap-2', className)}\n        {...(props as ComponentProps<'div'>)}\n      >\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\ntype TabsListProps = ComponentProps<'div'> & {\n  children: ReactNode;\n  activeClassName?: string;\n  transition?: Transition;\n};\n\nfunction TabsList({\n  children,\n  className,\n  activeClassName,\n  transition = {\n    type: 'spring',\n    stiffness: 400,\n    damping: 30,\n  },\n  ...props\n}: TabsListProps) {\n  const {activeValue, getTriggerElement} = useTabs();\n  const [indicatorStyle, setIndicatorStyle] = useState<{\n    left: number;\n    width: number;\n  } | null>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const updateIndicator = useCallback(() => {\n    const activeTrigger = getTriggerElement(activeValue);\n\n    if (activeTrigger && listRef.current) {\n      const listRect = listRef.current.getBoundingClientRect();\n      const triggerRect = activeTrigger.getBoundingClientRect();\n      setIndicatorStyle({\n        left: triggerRect.left - listRect.left,\n        width: triggerRect.width,\n      });\n    }\n  }, [activeValue, getTriggerElement]);\n\n  useEffect(() => {\n    const debouncedUpdate = debounce(updateIndicator, 100);\n    window.addEventListener('resize', debouncedUpdate);\n    requestAnimationFrame(updateIndicator);\n\n    return () => {\n      window.removeEventListener('resize', debouncedUpdate);\n    };\n  }, [updateIndicator]);\n\n  return (\n    <div\n      ref={listRef}\n      role=\"tablist\"\n      data-slot=\"tabs-list\"\n      className={cn('relative inline-flex items-center gap-8', className)}\n      {...(props as ComponentProps<'div'>)}\n    >\n      {children}\n      {indicatorStyle && (\n        <motion.div\n          className={cn(\n            'absolute bottom-0 h-2 bg-foreground-highlight-interactive',\n            activeClassName,\n          )}\n          initial={false}\n          animate={{\n            left: indicatorStyle.left,\n            width: indicatorStyle.width,\n          }}\n          transition={transition}\n        />\n      )}\n    </div>\n  );\n}\n\ntype TabsTriggerProps = Omit<HTMLMotionProps<'button'>, 'ref'> & {\n  value: string;\n  children: ReactNode;\n};\n\nconst TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({value, children, className, onKeyDown, ...props}, ref) => {\n    const {\n      activeValue,\n      handleValueChange,\n      registerTrigger,\n      getAllTriggerValues,\n      getTriggerElement,\n    } = useTabs();\n\n    const localRef = useRef<HTMLButtonElement | null>(null);\n    useImperativeHandle(ref, () => localRef.current as HTMLButtonElement);\n\n    useEffect(() => {\n      registerTrigger(value, localRef.current);\n      return () => registerTrigger(value, null);\n    }, [value, registerTrigger]);\n\n    const isActive = activeValue === value;\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        onKeyDown?.(event);\n\n        const allValues = getAllTriggerValues();\n        const currentIndex = allValues.indexOf(value);\n\n        if (currentIndex === -1) return;\n\n        let targetIndex = currentIndex;\n        let shouldPreventDefault = true;\n\n        switch (event.key) {\n          case 'ArrowLeft': {\n            targetIndex = currentIndex > 0 ? currentIndex - 1 : allValues.length - 1;\n            break;\n          }\n          case 'ArrowRight': {\n            targetIndex = currentIndex < allValues.length - 1 ? currentIndex + 1 : 0;\n            break;\n          }\n          case 'Home': {\n            targetIndex = 0;\n            break;\n          }\n          case 'End': {\n            targetIndex = allValues.length - 1;\n            break;\n          }\n          default: {\n            shouldPreventDefault = false;\n            return;\n          }\n        }\n\n        if (shouldPreventDefault) {\n          event.preventDefault();\n          const targetValue = allValues[targetIndex];\n          if (targetValue) {\n            handleValueChange(targetValue);\n            const targetElement = getTriggerElement(targetValue);\n            targetElement?.focus();\n          }\n        }\n      },\n      [value, getAllTriggerValues, getTriggerElement, handleValueChange, onKeyDown],\n    );\n\n    return (\n      <motion.button\n        ref={localRef}\n        data-slot=\"tabs-trigger\"\n        role=\"tab\"\n        tabIndex={isActive ? 0 : -1}\n        whileTap={{scale: 0.95}}\n        onClick={() => handleValueChange(value)}\n        onKeyDown={handleKeyDown}\n        data-state={isActive ? 'active' : 'inactive'}\n        aria-selected={isActive}\n        aria-controls={`tabpanel-${value}`}\n        id={`tab-${value}`}\n        className={cn(\n          'relative inline-flex cursor-pointer items-center justify-center whitespace-nowrap px-0 py-10 text-sm font-medium transition-colors outline-none focus-visible:shadow-border-interactive-with-active focus-visible:rounded-2 disabled:pointer-events-none disabled:opacity-50',\n          isActive ? 'text-foreground-neutral-base' : 'text-foreground-neutral-muted',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </motion.button>\n    );\n  },\n);\n\nTabsTrigger.displayName = 'TabsTrigger';\n\ntype TabsContentsProps = ComponentProps<'div'> & {\n  children: ReactNode;\n};\n\nfunction TabsContents({children, className, ...props}: TabsContentsProps) {\n  const {activeValue} = useTabs();\n  const childrenArray = Children.toArray(children);\n\n  const activeChild = childrenArray.find(\n    (child): child is ReactElement<{value: string}> =>\n      isValidElement(child) &&\n      typeof child.props === 'object' &&\n      child.props !== null &&\n      'value' in child.props &&\n      child.props.value === activeValue,\n  );\n\n  return (\n    <div data-slot=\"tabs-contents\" className={cn(className)} {...(props as ComponentProps<'div'>)}>\n      {activeChild}\n    </div>\n  );\n}\n\ntype TabsContentProps = ComponentProps<'div'> & {\n  value: string;\n  children: ReactNode;\n};\n\nfunction TabsContent({children, value, className, ...props}: TabsContentProps) {\n  const {activeValue} = useTabs();\n  const isActive = activeValue === value;\n\n  if (!isActive) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      data-slot=\"tabs-content\"\n      aria-labelledby={`tab-${value}`}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContents,\n  TabsContent,\n  useTabs,\n  type TabsContextType,\n  type TabsProps,\n  type TabsListProps,\n  type TabsTriggerProps,\n  type TabsContentsProps,\n  type TabsContentProps,\n};\n"],"names":["motion","Children","createContext","forwardRef","isValidElement","useCallback","useContext","useEffect","useImperativeHandle","useMemo","useRef","useState","cn","debounce","TabsContext","undefined","useTabs","context","Error","Tabs","defaultValue","value","onValueChange","children","className","props","activeValue","setActiveValue","triggersRef","Map","initialSet","isControlled","current","size","firstTab","Array","from","keys","registerTrigger","node","set","delete","handleValueChange","val","getTriggerElement","get","getAllTriggerValues","resolvedActiveValue","firstKey","Provider","div","data-slot","TabsList","activeClassName","transition","type","stiffness","damping","indicatorStyle","setIndicatorStyle","listRef","updateIndicator","activeTrigger","listRect","getBoundingClientRect","triggerRect","left","width","debouncedUpdate","window","addEventListener","requestAnimationFrame","removeEventListener","ref","role","initial","animate","TabsTrigger","onKeyDown","localRef","isActive","handleKeyDown","event","allValues","currentIndex","indexOf","targetIndex","shouldPreventDefault","key","length","preventDefault","targetValue","targetElement","focus","button","tabIndex","whileTap","scale","onClick","data-state","aria-selected","aria-controls","id","displayName","TabsContents","childrenArray","toArray","activeChild","find","child","TabsContent","aria-labelledby"],"mappings":"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"}

package/dist/components/tabs/tabs.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/tabs/tabs.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {useState} from 'react';\nimport {Tabs, TabsContent, TabsContents, TabsList, TabsTrigger} from '.';\n\nconst meta = {\n  title: 'Components/Tabs',\n  component: Tabs,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {defaultValue: 'analytics'} as never,\n  render: () => (\n    <div className=\"bg-background-neutral-background p-24 w-[80vw]\">\n      <Tabs defaultValue=\"analytics\">\n        <TabsList className=\"gap-12 border-b border-neutral-strong\">\n          <TabsTrigger value=\"analytics\">Analytics</TabsTrigger>\n          <TabsTrigger value=\"jobs\">Jobs</TabsTrigger>\n        </TabsList>\n      </Tabs>\n    </div>\n  ),\n};\n\nexport const Controlled: Story = {\n  args: {value: 'analytics', onValueChange: () => undefined} as never,\n  render: () => {\n    const [value, setValue] = useState('analytics');\n    return (\n      <div className=\"bg-background-neutral-background p-24 w-[80vw]\">\n        <Tabs value={value} onValueChange={setValue}>\n          <TabsList className=\"gap-12 border-b border-neutral-strong\">\n            <TabsTrigger value=\"analytics\">Analytics</TabsTrigger>\n            <TabsTrigger value=\"jobs\">Jobs</TabsTrigger>\n          </TabsList>\n          <TabsContents>\n            <TabsContent value=\"analytics\">\n              <div className=\"py-16\">\n                <p className=\"text-foreground-neutral-base\">\n                  Analytics content - Current value: {value}\n                </p>\n              </div>\n            </TabsContent>\n            <TabsContent value=\"jobs\">\n              <div className=\"py-16\">\n                <p className=\"text-foreground-neutral-base\">\n                  Jobs content - Current value: {value}\n                </p>\n              </div>\n            </TabsContent>\n          </TabsContents>\n        </Tabs>\n      </div>\n    );\n  },\n};\n\nexport const MultipleTabs: Story = {\n  args: {defaultValue: 'tab1'} as never,\n  render: () => (\n    <div className=\"bg-background-neutral-background p-24 w-[80vw]\">\n      <Tabs defaultValue=\"tab1\">\n        <TabsList className=\"gap-12 border-b border-neutral-strong\">\n          <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n          <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n          <TabsTrigger value=\"tab3\">Tab 3</TabsTrigger>\n          <TabsTrigger value=\"tab4\">Tab 4</TabsTrigger>\n        </TabsList>\n        <TabsContents>\n          <TabsContent value=\"tab1\">\n            <div className=\"py-16\">\n              <p className=\"text-foreground-neutral-base\">Content for Tab 1</p>\n            </div>\n          </TabsContent>\n          <TabsContent value=\"tab2\">\n            <div className=\"py-16\">\n              <p className=\"text-foreground-neutral-base\">Content for Tab 2</p>\n            </div>\n          </TabsContent>\n          <TabsContent value=\"tab3\">\n            <div className=\"py-16\">\n              <p className=\"text-foreground-neutral-base\">Content for Tab 3</p>\n            </div>\n          </TabsContent>\n          <TabsContent value=\"tab4\">\n            <div className=\"py-16\">\n              <p className=\"text-foreground-neutral-base\">Content for Tab 4</p>\n            </div>\n          </TabsContent>\n        </TabsContents>\n      </Tabs>\n    </div>\n  ),\n};\n"],"names":["useState","Tabs","TabsContent","TabsContents","TabsList","TabsTrigger","meta","title","component","parameters","layout","tags","Default","args","defaultValue","render","div","className","value","Controlled","onValueChange","undefined","setValue","p","MultipleTabs"],"mappings":";AACA,SAAQA,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,IAAI,EAAEC,WAAW,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,WAAW,QAAO,IAAI;AAEzE,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWP;IACXQ,YAAY;QACVC,QAAQ;IACV;IACAC,MAAM;QAAC;KAAW;AACpB;AAEA,eAAeL,KAAK;AAGpB,OAAO,MAAMM,UAAiB;IAC5BC,MAAM;QAACC,cAAc;IAAW;IAChCC,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACb,cAAA,KAAChB;gBAAKa,cAAa;0BACjB,cAAA,MAACV;oBAASa,WAAU;;sCAClB,KAACZ;4BAAYa,OAAM;sCAAY;;sCAC/B,KAACb;4BAAYa,OAAM;sCAAO;;;;;;AAKpC,EAAE;AAEF,OAAO,MAAMC,aAAoB;IAC/BN,MAAM;QAACK,OAAO;QAAaE,eAAe,IAAMC;IAAS;IACzDN,QAAQ;QACN,MAAM,CAACG,OAAOI,SAAS,GAAGtB,SAAS;QACnC,qBACE,KAACgB;YAAIC,WAAU;sBACb,cAAA,MAAChB;gBAAKiB,OAAOA;gBAAOE,eAAeE;;kCACjC,MAAClB;wBAASa,WAAU;;0CAClB,KAACZ;gCAAYa,OAAM;0CAAY;;0CAC/B,KAACb;gCAAYa,OAAM;0CAAO;;;;kCAE5B,MAACf;;0CACC,KAACD;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,MAACM;wCAAEN,WAAU;;4CAA+B;4CACNC;;;;;0CAI1C,KAAChB;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,MAACM;wCAAEN,WAAU;;4CAA+B;4CACXC;;;;;;;;;;IAQ/C;AACF,EAAE;AAEF,OAAO,MAAMM,eAAsB;IACjCX,MAAM;QAACC,cAAc;IAAM;IAC3BC,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACb,cAAA,MAAChB;gBAAKa,cAAa;;kCACjB,MAACV;wBAASa,WAAU;;0CAClB,KAACZ;gCAAYa,OAAM;0CAAO;;0CAC1B,KAACb;gCAAYa,OAAM;0CAAO;;0CAC1B,KAACb;gCAAYa,OAAM;0CAAO;;0CAC1B,KAACb;gCAAYa,OAAM;0CAAO;;;;kCAE5B,MAACf;;0CACC,KAACD;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,KAACM;wCAAEN,WAAU;kDAA+B;;;;0CAGhD,KAACf;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,KAACM;wCAAEN,WAAU;kDAA+B;;;;0CAGhD,KAACf;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,KAACM;wCAAEN,WAAU;kDAA+B;;;;0CAGhD,KAACf;gCAAYgB,OAAM;0CACjB,cAAA,KAACF;oCAAIC,WAAU;8CACb,cAAA,KAACM;wCAAEN,WAAU;kDAA+B;;;;;;;;;AAO1D,EAAE"}

package/dist/components/textarea/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/textarea/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/textarea/index.ts"],"sourcesContent":["export * from './textarea';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa"}

package/dist/components/textarea/textarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,gBAAgB;;;8EAe3B,CAAC;AAEH,KAAK,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,GAC3D,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAExC,wBAAgB,QAAQ,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,2CAiB3E"}

package/dist/components/textarea/textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const textareaVariants = cva('', {\n  variants: {\n    variant: {\n      base: 'bg-background-field-base',\n      component: 'bg-background-field-component',\n    },\n    size: {\n      base: 'py-6',\n      small: 'py-4',\n    },\n  },\n  defaultVariants: {\n    variant: 'base',\n    size: 'base',\n  },\n});\n\ntype TextareaProps = Omit<ComponentProps<'textarea'>, 'size'> &\n  VariantProps<typeof textareaVariants>;\n\nexport function Textarea({className, variant, size, ...props}: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-button-neutral transition-[color,box-shadow] outline-none',\n        'hover:bg-background-field-hover',\n        'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled',\n        'focus-visible:shadow-border-interactive-with-active',\n        'aria-invalid:shadow-border-error',\n        textareaVariants({variant, size}),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cva","cn","textareaVariants","variants","variant","base","component","size","small","defaultVariants","Textarea","className","props","textarea","data-slot"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,mBAAmBF,IAAI,IAAI;IACtCG,UAAU;QACRC,SAAS;YACPC,MAAM;YACNC,WAAW;QACb;QACAC,MAAM;YACJF,MAAM;YACNG,OAAO;QACT;IACF;IACAC,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF,GAAG;AAKH,OAAO,SAASG,SAAS,EAACC,SAAS,EAAEP,OAAO,EAAEG,IAAI,EAAE,GAAGK,OAAqB;IAC1E,qBACE,KAACC;QACCC,aAAU;QACVH,WAAWV,GACT,yNACA,mCACA,6FACA,mKACA,uDACA,oCACAC,iBAAiB;YAACE;YAASG;QAAI,IAC/BI;QAED,GAAGC,KAAK;;AAGf"}

package/dist/components/textarea/textarea.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/textarea/textarea.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Code, Header} from 'components/typography';\nimport {Textarea} from './textarea';\n\nconst meta = {\n  title: 'Components/Textarea',\n  component: Textarea,\n  tags: ['autodocs'],\n  argTypes: {\n    placeholder: {control: 'text'},\n    disabled: {control: 'boolean'},\n    'aria-invalid': {control: 'boolean'},\n    rows: {control: 'number'},\n    cols: {control: 'number'},\n  },\n  args: {\n    placeholder: 'Type something…',\n    disabled: false,\n    'aria-invalid': false,\n    rows: 4,\n  },\n} satisfies Meta<typeof Textarea>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  play: async (ctx) => {\n    await new Promise((resolve) => setTimeout(resolve, 100));\n    await argosScreenshot(ctx, 'Textarea Default');\n  },\n};\n\nconst variants = ['base', 'component'] as const;\nconst sizes = ['base', 'small'] as const;\n\nexport const States: Story = {\n  render: (args) => (\n    <div className=\"flex flex-col gap-32\">\n      {variants.map((variant) =>\n        sizes.map((size) => (\n          <div key={variant + size} className=\"flex flex-col gap-16\">\n            <Header variant=\"h3\">\n              {variant} {size}\n            </Header>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Default\n              </Code>\n\n              <Textarea {...args} variant={variant} size={size} />\n            </div>\n\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Hover\n              </Code>\n\n              <Textarea {...args} className=\"hover\" variant={variant} size={size} />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Active\n              </Code>\n\n              <Textarea\n                {...args}\n                className=\"active\"\n                defaultValue=\"The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.\"\n                variant={variant}\n                size={size}\n              />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Focus\n              </Code>\n\n              <Textarea {...args} className=\"focus\" variant={variant} size={size} />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Disabled\n              </Code>\n\n              <Textarea {...args} disabled variant={variant} size={size} />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Invalid\n              </Code>\n\n              <Textarea {...args} aria-invalid variant={variant} size={size} />\n            </div>\n          </div>\n        )),\n      )}\n    </div>\n  ),\n};\n\nStates.parameters = {\n  pseudo: {\n    hover: '.hover',\n    active: '.active',\n    focusVisible: '.focus',\n  },\n};\n\nexport const Sizes: Story = {\n  render: (args) => (\n    <div className=\"flex flex-col gap-32\">\n      <div className=\"flex flex-col gap-8\">\n        <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n          Rows: 2\n        </Code>\n        <Textarea {...args} rows={2} />\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n          Rows: 4 (default)\n        </Code>\n        <Textarea {...args} rows={4} />\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n          Rows: 6\n        </Code>\n        <Textarea {...args} rows={6} />\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n          Rows: 10\n        </Code>\n        <Textarea {...args} rows={10} />\n      </div>\n    </div>\n  ),\n};\n\nexport const DesignMock: Story = {\n  render: () => {\n    const variants = [\n      {key: 'base', label: 'Primary'},\n      {key: 'component', label: 'Secondary'},\n    ] as const;\n    const states = [\n      {name: 'Default', props: {}},\n      {name: 'Hover', props: {className: 'hover'}},\n      {name: 'Focus', props: {className: 'focus'}},\n      {name: 'Filled', props: {defaultValue: 'Placeholder'}},\n      {name: 'Filled Hover', props: {defaultValue: 'Placeholder', className: 'hover'}},\n      {name: 'Disabled', props: {disabled: true}},\n      {name: 'Error', props: {'aria-invalid': true}},\n    ] as const;\n\n    return (\n      <div className=\"flex flex-col gap-32 pb-64 pt-32 px-32\">\n        <Header variant=\"h3\" className=\"text-foreground-neutral-subtle\">\n          TEXT AREA\n        </Header>\n        <div className=\"flex flex-row gap-32\">\n          {variants.map((variant) => (\n            <div key={variant.key} className=\"flex flex-col gap-32\">\n              {states.map((state) => (\n                <div key={state.name} className=\"flex flex-col gap-8\">\n                  <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                    Size=Base (32), State={state.name}, Color={variant.label}\n                  </Code>\n                  <div className=\"w-280\">\n                    <Textarea\n                      placeholder=\"Placeholder\"\n                      variant={variant.key}\n                      size=\"base\"\n                      rows={2}\n                      {...state.props}\n                    />\n                  </div>\n                </div>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  },\n};\n\nDesignMock.parameters = {\n  pseudo: {\n    hover: '.hover',\n    focusVisible: '.focus',\n  },\n};\n"],"names":["argosScreenshot","Code","Header","Textarea","meta","title","component","tags","argTypes","placeholder","control","disabled","rows","cols","args","Default","play","ctx","Promise","resolve","setTimeout","variants","sizes","States","render","div","className","map","variant","size","defaultValue","aria-invalid","parameters","pseudo","hover","active","focusVisible","Sizes","DesignMock","key","label","states","name","props","state"],"mappings":"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"}

package/dist/components/theme/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/theme/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/theme/index.ts"],"sourcesContent":["export * from './theme-provider';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/components/theme/theme-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,KAAK,KAAK,EAAuB,MAAM,aAAa,CAAC;AAE7D,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAmCpB"}

package/dist/components/theme/theme-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/theme/theme-provider.tsx"],"sourcesContent":["import {type ReactNode, useEffect, useState} from 'react';\nimport {type Theme, ThemeProviderContext} from 'state/theme';\n\ntype ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'shipfox-theme',\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(\n    () => (localStorage.getItem(storageKey) as Theme) || defaultTheme,\n  );\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    root.classList.remove('light', 'dark');\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light';\n\n      root.classList.add(systemTheme);\n      return;\n    }\n\n    root.classList.add(theme);\n  }, [theme]);\n\n  const value = {\n    theme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme);\n      setTheme(theme);\n    },\n  };\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n"],"names":["useEffect","useState","ThemeProviderContext","ThemeProvider","children","defaultTheme","storageKey","props","theme","setTheme","localStorage","getItem","root","window","document","documentElement","classList","remove","systemTheme","matchMedia","matches","add","value","setItem","Provider"],"mappings":";AAAA,SAAwBA,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAC1D,SAAoBC,oBAAoB,QAAO,cAAc;AAQ7D,OAAO,SAASC,cAAc,EAC5BC,QAAQ,EACRC,eAAe,QAAQ,EACvBC,aAAa,eAAe,EAC5B,GAAGC,OACgB;IACnB,MAAM,CAACC,OAAOC,SAAS,GAAGR,SACxB,IAAM,AAACS,aAAaC,OAAO,CAACL,eAAyBD;IAGvDL,UAAU;QACR,MAAMY,OAAOC,OAAOC,QAAQ,CAACC,eAAe;QAE5CH,KAAKI,SAAS,CAACC,MAAM,CAAC,SAAS;QAE/B,IAAIT,UAAU,UAAU;YACtB,MAAMU,cAAcL,OAAOM,UAAU,CAAC,gCAAgCC,OAAO,GACzE,SACA;YAEJR,KAAKI,SAAS,CAACK,GAAG,CAACH;YACnB;QACF;QAEAN,KAAKI,SAAS,CAACK,GAAG,CAACb;IACrB,GAAG;QAACA;KAAM;IAEV,MAAMc,QAAQ;QACZd;QACAC,UAAU,CAACD;YACTE,aAAaa,OAAO,CAACjB,YAAYE;YACjCC,SAASD;QACX;IACF;IAEA,qBACE,KAACN,qBAAqBsB,QAAQ;QAAE,GAAGjB,KAAK;QAAEe,OAAOA;kBAC9ClB;;AAGP"}

package/dist/components/toast/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/toast/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/toast/index.ts"],"sourcesContent":["export * from './toast';\nexport * from './toast-custom';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,iBAAiB"}

package/dist/components/toast/toast-custom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast-custom.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast-custom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,QAAA,MAAM,mBAAmB;;8EAavB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,wBAAgB,WAAW,CAAC,EAC1B,OAAmB,EACnB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,gBAAgB,2CAgGlB"}

package/dist/components/toast/toast-custom.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/toast/toast-custom.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport {Icon} from 'components/icon/icon';\nimport type {ReactNode} from 'react';\nimport {cn} from 'utils/cn';\n\nconst toastCustomVariants = cva('group relative flex items-start gap-8', {\n  variants: {\n    variant: {\n      default: 'text-tag-neutral-icon',\n      info: 'text-tag-neutral-icon',\n      success: 'text-tag-success-icon',\n      warning: 'text-tag-warning-icon',\n      error: 'text-tag-error-icon',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type ToastAction = {\n  label: string;\n  onClick: () => void;\n};\n\nexport type ToastCustomProps = VariantProps<typeof toastCustomVariants> & {\n  title?: string;\n  description?: string;\n  content?: string;\n  actions?: ToastAction[];\n  onClose?: () => void;\n  className?: string;\n};\n\nfunction getDefaultIcon(variant: ToastCustomProps['variant'] = 'default'): ReactNode {\n  switch (variant) {\n    case 'info':\n      return <Icon name=\"info\" size={20} />;\n    case 'success':\n      return <Icon name=\"checkCircleSolid\" size={20} />;\n    case 'warning':\n      return <Icon name=\"info\" size={20} />;\n    case 'error':\n      return <Icon name=\"xCircleSolid\" size={20} />;\n    default:\n      return <Icon name=\"info\" size={20} />;\n  }\n}\n\nexport function ToastCustom({\n  variant = 'default',\n  title,\n  description,\n  content,\n  actions,\n  onClose,\n  className,\n}: ToastCustomProps) {\n  const hasTitle = Boolean(title);\n  const hasDescription = Boolean(description);\n  const hasContent = Boolean(content);\n  const hasActions = Boolean(actions && actions.length > 0);\n  const isSimple = hasContent && !hasTitle && !hasDescription;\n\n  return (\n    <div data-slot=\"toast-custom\" className={cn(toastCustomVariants({variant}), className)}>\n      <div className=\"w-20 h-20 rounded-full flex items-start justify-center shrink-0 pt-1\">\n        {getDefaultIcon(variant)}\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        {hasTitle && (\n          <div\n            data-slot=\"toast-custom-title\"\n            className=\"font-medium text-sm leading-20 text-foreground-neutral-base mb-4\"\n          >\n            {title}\n          </div>\n        )}\n        {hasDescription && (\n          <div\n            data-slot=\"toast-custom-description\"\n            className=\"text-xs leading-20 text-foreground-neutral-muted mb-8\"\n          >\n            {description}\n          </div>\n        )}\n        {isSimple ? (\n          <div className=\"flex items-center justify-between gap-16 min-w-400 mr-30\">\n            <div\n              data-slot=\"toast-custom-content\"\n              className=\"text-sm leading-20 text-foreground-neutral-base\"\n            >\n              {content}\n            </div>\n            {hasActions && (\n              <div data-slot=\"toast-custom-actions\" className=\"flex items-center gap-16\">\n                {actions?.map((action) => (\n                  <button\n                    key={action.label}\n                    data-slot=\"toast-custom-action\"\n                    type=\"button\"\n                    onClick={action.onClick}\n                    className=\"bg-transparent border-none p-0 cursor-pointer text-xs font-medium leading-20 text-foreground-neutral-base hover:text-foreground-neutral-subtle transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2\"\n                  >\n                    {action.label}\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>\n        ) : (\n          <>\n            {hasContent && !hasTitle && (\n              <div\n                data-slot=\"toast-custom-content\"\n                className=\"text-sm leading-20 text-foreground-neutral-base mb-8\"\n              >\n                {content}\n              </div>\n            )}\n            {hasActions && (\n              <div data-slot=\"toast-custom-actions\" className=\"flex items-center gap-16 mt-8\">\n                {actions?.map((action) => (\n                  <button\n                    key={action.label}\n                    data-slot=\"toast-custom-action\"\n                    type=\"button\"\n                    onClick={action.onClick}\n                    className=\"bg-transparent border-none p-0 cursor-pointer text-xs font-medium leading-20 text-foreground-neutral-base hover:text-foreground-neutral-subtle transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2\"\n                  >\n                    {action.label}\n                  </button>\n                ))}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n\n      {onClose && (\n        <button\n          data-slot=\"toast-custom-close\"\n          type=\"button\"\n          onClick={onClose}\n          className=\"absolute cursor-pointer -top-2 -right-2 rounded-4 p-4 bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2 shrink-0\"\n          aria-label=\"Close\"\n        >\n          <Icon name=\"close\" className=\"w-16 h-16\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["cva","Icon","cn","toastCustomVariants","variants","variant","default","info","success","warning","error","defaultVariants","getDefaultIcon","name","size","ToastCustom","title","description","content","actions","onClose","className","hasTitle","Boolean","hasDescription","hasContent","hasActions","length","isSimple","div","data-slot","map","action","button","type","onClick","label","aria-label"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAChE,SAAQC,IAAI,QAAO,uBAAuB;AAE1C,SAAQC,EAAE,QAAO,WAAW;AAE5B,MAAMC,sBAAsBH,IAAI,yCAAyC;IACvEI,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,SAAS;YACTC,OAAO;QACT;IACF;IACAC,iBAAiB;QACfN,SAAS;IACX;AACF;AAgBA,SAASO,eAAeP,UAAuC,SAAS;IACtE,OAAQA;QACN,KAAK;YACH,qBAAO,KAACJ;gBAAKY,MAAK;gBAAOC,MAAM;;QACjC,KAAK;YACH,qBAAO,KAACb;gBAAKY,MAAK;gBAAmBC,MAAM;;QAC7C,KAAK;YACH,qBAAO,KAACb;gBAAKY,MAAK;gBAAOC,MAAM;;QACjC,KAAK;YACH,qBAAO,KAACb;gBAAKY,MAAK;gBAAeC,MAAM;;QACzC;YACE,qBAAO,KAACb;gBAAKY,MAAK;gBAAOC,MAAM;;IACnC;AACF;AAEA,OAAO,SAASC,YAAY,EAC1BV,UAAU,SAAS,EACnBW,KAAK,EACLC,WAAW,EACXC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,SAAS,EACQ;IACjB,MAAMC,WAAWC,QAAQP;IACzB,MAAMQ,iBAAiBD,QAAQN;IAC/B,MAAMQ,aAAaF,QAAQL;IAC3B,MAAMQ,aAAaH,QAAQJ,WAAWA,QAAQQ,MAAM,GAAG;IACvD,MAAMC,WAAWH,cAAc,CAACH,YAAY,CAACE;IAE7C,qBACE,MAACK;QAAIC,aAAU;QAAeT,WAAWnB,GAAGC,oBAAoB;YAACE;QAAO,IAAIgB;;0BAC1E,KAACQ;gBAAIR,WAAU;0BACZT,eAAeP;;0BAGlB,MAACwB;gBAAIR,WAAU;;oBACZC,0BACC,KAACO;wBACCC,aAAU;wBACVT,WAAU;kCAETL;;oBAGJQ,gCACC,KAACK;wBACCC,aAAU;wBACVT,WAAU;kCAETJ;;oBAGJW,yBACC,MAACC;wBAAIR,WAAU;;0CACb,KAACQ;gCACCC,aAAU;gCACVT,WAAU;0CAETH;;4BAEFQ,4BACC,KAACG;gCAAIC,aAAU;gCAAuBT,WAAU;0CAC7CF,SAASY,IAAI,CAACC,uBACb,KAACC;wCAECH,aAAU;wCACVI,MAAK;wCACLC,SAASH,OAAOG,OAAO;wCACvBd,WAAU;kDAETW,OAAOI,KAAK;uCANRJ,OAAOI,KAAK;;;uCAa3B;;4BACGX,cAAc,CAACH,0BACd,KAACO;gCACCC,aAAU;gCACVT,WAAU;0CAETH;;4BAGJQ,4BACC,KAACG;gCAAIC,aAAU;gCAAuBT,WAAU;0CAC7CF,SAASY,IAAI,CAACC,uBACb,KAACC;wCAECH,aAAU;wCACVI,MAAK;wCACLC,SAASH,OAAOG,OAAO;wCACvBd,WAAU;kDAETW,OAAOI,KAAK;uCANRJ,OAAOI,KAAK;;;;;;YAe9BhB,yBACC,KAACa;gBACCH,aAAU;gBACVI,MAAK;gBACLC,SAASf;gBACTC,WAAU;gBACVgB,cAAW;0BAEX,cAAA,KAACpC;oBAAKY,MAAK;oBAAQQ,WAAU;;;;;AAKvC"}

package/dist/components/toast/toast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,YAAY,IAAI,kBAAkB,EACvC,KAAK,IAAI,WAAW,EACrB,MAAM,QAAQ,CAAC;AAEhB,KAAK,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;AAEtD,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,YAAY,2CA4BxC;AAED,OAAO,EAAC,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,KAAK,YAAY,EAAC,CAAC"}

package/dist/components/toast/toast.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["import {useTheme} from 'hooks/useTheme';\nimport {AlertTriangle, CheckCircle2, Info, Loader2, XCircle} from 'lucide-react';\nimport {\n  Toaster as SonnerToaster,\n  type ToasterProps as SonnerToasterProps,\n  toast as sonnerToast,\n} from 'sonner';\n\ntype ToasterProps = Omit<SonnerToasterProps, 'theme'>;\n\nfunction Toaster({...props}: ToasterProps) {\n  const {theme} = useTheme();\n\n  return (\n    <SonnerToaster\n      theme={theme as SonnerToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background-components-base group-[.toaster]:text-foreground-neutral-base group-[.toaster]:border group-[.toaster]:border-border-neutral-base group-[.toaster]:shadow-tooltip rounded-8 p-8',\n          description: 'group-[.toast]:text-foreground-neutral-muted text-xs leading-20 mt-4',\n          actionButton:\n            'group-[.toast]:bg-background-button-neutral-default group-[.toast]:text-foreground-neutral-base group-[.toast]:hover:bg-background-button-neutral-hover rounded-6 px-8 py-4 text-xs font-medium',\n          cancelButton:\n            'group-[.toast]:bg-background-button-transparent-default group-[.toast]:text-foreground-neutral-base group-[.toast]:hover:bg-background-button-transparent-hover rounded-6 px-8 py-4 text-xs font-medium',\n        },\n      }}\n      icons={{\n        success: <CheckCircle2 className=\"size-20 text-tag-success-icon\" />,\n        info: <Info className=\"size-20 text-tag-blue-icon\" />,\n        warning: <AlertTriangle className=\"size-20 text-tag-warning-icon\" />,\n        error: <XCircle className=\"size-20 text-tag-error-icon\" />,\n        loading: <Loader2 className=\"size-20 text-tag-neutral-icon animate-spin\" />,\n      }}\n      {...props}\n    />\n  );\n}\n\nexport {Toaster, sonnerToast as toast, type ToasterProps};\n"],"names":["useTheme","AlertTriangle","CheckCircle2","Info","Loader2","XCircle","Toaster","SonnerToaster","toast","sonnerToast","props","theme","className","toastOptions","classNames","description","actionButton","cancelButton","icons","success","info","warning","error","loading"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,iBAAiB;AACxC,SAAQC,aAAa,EAAEC,YAAY,EAAEC,IAAI,EAAEC,OAAO,EAAEC,OAAO,QAAO,eAAe;AACjF,SACEC,WAAWC,aAAa,EAExBC,SAASC,WAAW,QACf,SAAS;AAIhB,SAASH,QAAQ,EAAC,GAAGI,OAAoB;IACvC,MAAM,EAACC,KAAK,EAAC,GAAGX;IAEhB,qBACE,KAACO;QACCI,OAAOA;QACPC,WAAU;QACVC,cAAc;YACZC,YAAY;gBACVN,OACE;gBACFO,aAAa;gBACbC,cACE;gBACFC,cACE;YACJ;QACF;QACAC,OAAO;YACLC,uBAAS,KAACjB;gBAAaU,WAAU;;YACjCQ,oBAAM,KAACjB;gBAAKS,WAAU;;YACtBS,uBAAS,KAACpB;gBAAcW,WAAU;;YAClCU,qBAAO,KAACjB;gBAAQO,WAAU;;YAC1BW,uBAAS,KAACnB;gBAAQQ,WAAU;;QAC9B;QACC,GAAGF,KAAK;;AAGf;AAEA,SAAQJ,OAAO,EAAEG,eAAeD,KAAK,GAAqB"}

package/dist/components/toast/toast.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/toast/toast.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Button} from 'components/button/button';\nimport {Code} from 'components/typography';\nimport {Toaster, toast} from './toast';\nimport {ToastCustom} from './toast-custom';\n\nconst meta = {\n  title: 'Components/Toast',\n  component: Toaster,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'centered',\n  },\n  decorators: [\n    (Story) => (\n      <>\n        <Story />\n        <div className=\"flex flex-wrap justify-center items-center gap-32\">\n          {/* Regular Toasts */}\n          <div className=\"flex flex-col gap-8\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-center\">\n              REGULAR TOASTS\n            </Code>\n            <Button\n              onClick={() => {\n                toast('Event has been created');\n              }}\n            >\n              Default Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast.success('Success! Your changes have been saved.');\n              }}\n            >\n              Success Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast.error('Error! Something went wrong.');\n              }}\n            >\n              Error Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast.warning('Warning! Please review your input.');\n              }}\n            >\n              Warning Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast.info('Info: This is an informational message.');\n              }}\n            >\n              Info Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast('Event has been created', {\n                  description: 'Sunday, December 03, 2023 at 9:00 AM',\n                });\n              }}\n            >\n              Toast with Description\n            </Button>\n            <Button\n              onClick={() => {\n                toast('Event has been created', {\n                  description: 'Sunday, December 03, 2023 at 9:00 AM',\n                  action: {\n                    label: 'Undo',\n                    onClick: () => {\n                      toast('Undo clicked');\n                    },\n                  },\n                });\n              }}\n            >\n              Toast with Action\n            </Button>\n            <Button\n              onClick={() => {\n                const promise = new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve({name: 'Sonner'});\n                  }, 2000);\n                });\n\n                toast.promise(promise, {\n                  loading: 'Loading...',\n                  success: (data) => {\n                    return `${(data as {name: string}).name} toast has been added`;\n                  },\n                  error: 'Error',\n                });\n              }}\n            >\n              Promise Toast\n            </Button>\n          </div>\n          {/* Custom Toasts */}\n          <div className=\"flex flex-col gap-8 text-center\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              CUSTOM TOASTS\n            </Code>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"success\"\n                      title=\"Insert your alert title here\"\n                      description=\"Insert the alert description here. It would look better as two lines of text.\"\n                      actions={[\n                        {\n                          label: 'Upgrade',\n                          onClick: () => {\n                            toast('Upgrade clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Success - Full)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"info\"\n                      title=\"Insert your alert title here\"\n                      description=\"Insert the alert description here. It would look better as two lines of text.\"\n                      actions={[\n                        {\n                          label: 'Upgrade',\n                          onClick: () => {\n                            toast('Upgrade clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Info - Full)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"warning\"\n                      title=\"Insert your alert title here\"\n                      description=\"Insert the alert description here. It would look better as two lines of text.\"\n                      actions={[\n                        {\n                          label: 'Upgrade',\n                          onClick: () => {\n                            toast('Upgrade clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Warning - Full)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"error\"\n                      title=\"Insert your alert title here\"\n                      description=\"Insert the alert description here. It would look better as two lines of text.\"\n                      actions={[\n                        {\n                          label: 'Upgrade',\n                          onClick: () => {\n                            toast('Upgrade clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Error - Full)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"success\"\n                      content=\"Insert your alert content here\"\n                      actions={[\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Success - Simple)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"info\"\n                      content=\"Insert your alert content here\"\n                      actions={[\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Info - Simple)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"warning\"\n                      content=\"Insert your alert content here\"\n                      actions={[\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Warning - Simple)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"error\"\n                      content=\"Insert your alert content here\"\n                      actions={[\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Error - Simple)\n            </Button>\n          </div>\n        </div>\n      </>\n    ),\n  ],\n} satisfies Meta<typeof Toaster>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: () => <Toaster position=\"top-center\" />,\n};\n"],"names":["Button","Code","Toaster","toast","ToastCustom","meta","title","component","tags","parameters","layout","decorators","Story","div","className","variant","onClick","success","error","warning","info","description","action","label","promise","Promise","resolve","setTimeout","name","loading","data","custom","t","actions","dismiss","onClose","duration","Infinity","content","Default","render","position"],"mappings":"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"}

package/dist/components/tooltip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["export * from './tooltip';\n"],"names":[],"mappings":"AAAA,cAAc,YAAY"}

package/dist/components/tooltip/tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAS,KAAK,UAAU,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,sBAAsB;;;8EAoB3B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQlD;AAED,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMxE;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAElF;AAED,QAAA,MAAM,iBAAiB,EAAE,UAIxB,CAAC;AAEF,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GACxE,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEJ,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAe,EACf,UAA8B,EAC9B,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAoCrB;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,iBAAiB,GAClB,CAAC;AACF,YAAY,EAAC,mBAAmB,EAAC,CAAC"}

package/dist/components/tooltip/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {motion, type Transition} from 'framer-motion';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst tooltipContentVariants = cva(\n  'rounded-8 px-8 py-4 text-xs font-medium leading-20 z-50 w-fit text-balance shadow-tooltip',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background-components-base text-foreground-neutral-base',\n        inverted: 'bg-background-button-inverted-default text-foreground-contrast-primary',\n        muted: 'bg-background-neutral-subtle text-foreground-neutral-muted',\n      },\n      size: {\n        sm: 'px-6 py-2 text-xs',\n        md: 'px-8 py-4 text-xs',\n        lg: 'px-10 py-6 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({...props}: ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({...props}: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nconst defaultTransition: Transition = {\n  type: 'spring',\n  stiffness: 300,\n  damping: 17,\n};\n\ntype TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipContentVariants> & {\n    animated?: boolean;\n    transition?: Transition;\n  };\n\nfunction TooltipContent({\n  className,\n  sideOffset = 8,\n  children,\n  variant,\n  size,\n  animated = true,\n  transition = defaultTransition,\n  ...props\n}: TooltipContentProps) {\n  if (animated) {\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          data-slot=\"tooltip-content\"\n          sideOffset={sideOffset}\n          asChild\n          {...props}\n        >\n          <motion.div\n            className={cn(tooltipContentVariants({variant, size, className}))}\n            initial={{opacity: 0, scale: 0.95}}\n            animate={{opacity: 1, scale: 1}}\n            exit={{opacity: 0, scale: 0.95}}\n            transition={transition}\n          >\n            {children}\n          </motion.div>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    );\n  }\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({variant, size, className}))}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n  tooltipContentVariants,\n  defaultTransition,\n};\nexport type {TooltipContentProps};\n"],"names":["TooltipPrimitive","cva","motion","cn","tooltipContentVariants","variants","variant","default","inverted","muted","size","sm","md","lg","defaultVariants","TooltipProvider","delayDuration","props","Provider","data-slot","Tooltip","Root","TooltipTrigger","Trigger","defaultTransition","type","stiffness","damping","TooltipContent","className","sideOffset","children","animated","transition","Portal","Content","asChild","div","initial","opacity","scale","animate","exit"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAC5D,SAAQC,GAAG,QAA0B,2BAA2B;AAChE,SAAQC,MAAM,QAAwB,gBAAgB;AAEtD,SAAQC,EAAE,QAAO,WAAW;AAE5B,MAAMC,yBAAyBH,IAC7B,6FACA;IACEI,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,UAAU;YACVC,OAAO;QACT;QACAC,MAAM;YACJC,IAAI;YACJC,IAAI;YACJC,IAAI;QACN;IACF;IACAC,iBAAiB;QACfR,SAAS;QACTI,MAAM;IACR;AACF;AAGF,SAASK,gBAAgB,EACvBC,gBAAgB,CAAC,EACjB,GAAGC,OAC8C;IACjD,qBACE,KAACjB,iBAAiBkB,QAAQ;QACxBC,aAAU;QACVH,eAAeA;QACd,GAAGC,KAAK;;AAGf;AAEA,SAASG,QAAQ,EAAC,GAAGH,OAAoD;IACvE,qBACE,KAACF;kBACC,cAAA,KAACf,iBAAiBqB,IAAI;YAACF,aAAU;YAAW,GAAGF,KAAK;;;AAG1D;AAEA,SAASK,eAAe,EAAC,GAAGL,OAAuD;IACjF,qBAAO,KAACjB,iBAAiBuB,OAAO;QAACJ,aAAU;QAAmB,GAAGF,KAAK;;AACxE;AAEA,MAAMO,oBAAgC;IACpCC,MAAM;IACNC,WAAW;IACXC,SAAS;AACX;AAQA,SAASC,eAAe,EACtBC,SAAS,EACTC,aAAa,CAAC,EACdC,QAAQ,EACRzB,OAAO,EACPI,IAAI,EACJsB,WAAW,IAAI,EACfC,aAAaT,iBAAiB,EAC9B,GAAGP,OACiB;IACpB,IAAIe,UAAU;QACZ,qBACE,KAAChC,iBAAiBkC,MAAM;sBACtB,cAAA,KAAClC,iBAAiBmC,OAAO;gBACvBhB,aAAU;gBACVW,YAAYA;gBACZM,OAAO;gBACN,GAAGnB,KAAK;0BAET,cAAA,KAACf,OAAOmC,GAAG;oBACTR,WAAW1B,GAAGC,uBAAuB;wBAACE;wBAASI;wBAAMmB;oBAAS;oBAC9DS,SAAS;wBAACC,SAAS;wBAAGC,OAAO;oBAAI;oBACjCC,SAAS;wBAACF,SAAS;wBAAGC,OAAO;oBAAC;oBAC9BE,MAAM;wBAACH,SAAS;wBAAGC,OAAO;oBAAI;oBAC9BP,YAAYA;8BAEXF;;;;IAKX;IAEA,qBACE,KAAC/B,iBAAiBkC,MAAM;kBACtB,cAAA,KAAClC,iBAAiBmC,OAAO;YACvBhB,aAAU;YACVW,YAAYA;YACZD,WAAW1B,GAAGC,uBAAuB;gBAACE;gBAASI;gBAAMmB;YAAS;YAC7D,GAAGZ,KAAK;sBAERc;;;AAIT;AAEA,SACEX,OAAO,EACPE,cAAc,EACdM,cAAc,EACdb,eAAe,EACfX,sBAAsB,EACtBoB,iBAAiB,GACjB"}

package/dist/components/tooltip/tooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/tooltip/tooltip.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code} from 'components/typography';\nimport {Button} from '../button';\nimport {Tooltip, TooltipContent, type TooltipContentProps, TooltipTrigger} from './tooltip';\n\ntype TooltipStoryArgs = {\n  defaultOpen?: boolean;\n  delayDuration?: number;\n  variant?: TooltipContentProps['variant'];\n  size?: TooltipContentProps['size'];\n  side?: TooltipContentProps['side'];\n  align?: TooltipContentProps['align'];\n  sideOffset?: TooltipContentProps['sideOffset'];\n  animated?: TooltipContentProps['animated'];\n};\n\nconst meta = {\n  title: 'Components/Tooltip',\n  component: Tooltip,\n  tags: ['autodocs'],\n  argTypes: {\n    defaultOpen: {control: 'boolean'},\n    delayDuration: {control: 'number'},\n    variant: {\n      control: 'select',\n      options: ['default', 'inverted', 'muted'],\n    },\n    size: {\n      control: 'select',\n      options: ['sm', 'md', 'lg'],\n    },\n    side: {\n      control: 'select',\n      options: ['top', 'bottom', 'left', 'right'],\n    },\n    align: {\n      control: 'select',\n      options: ['start', 'center', 'end'],\n    },\n    sideOffset: {control: 'number'},\n    animated: {control: 'boolean'},\n  },\n  args: {\n    defaultOpen: false,\n    delayDuration: 0,\n    variant: 'default',\n    size: 'md',\n    side: 'top',\n    align: 'center',\n    sideOffset: 8,\n    animated: true,\n  },\n} satisfies Meta<TooltipStoryArgs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {\n    defaultOpen: false,\n  },\n\n  render: (args: TooltipStoryArgs) => {\n    const {defaultOpen, delayDuration, variant, size, side, align, sideOffset, animated} = args;\n    return (\n      <div className=\"flex items-center justify-center p-64\">\n        <Tooltip defaultOpen={defaultOpen} delayDuration={delayDuration}>\n          <TooltipTrigger asChild>\n            <Button>Hover me</Button>\n          </TooltipTrigger>\n          <TooltipContent\n            variant={variant}\n            size={size}\n            side={side}\n            align={align}\n            sideOffset={sideOffset}\n            animated={animated}\n          >\n            Tooltip Text\n          </TooltipContent>\n        </Tooltip>\n      </div>\n    );\n  },\n};\n\nexport const Types: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-64 p-64\">\n      <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n        TYPES\n      </Code>\n      <div className=\"flex flex-col gap-32\">\n        {/* Text Type */}\n        <div className=\"flex flex-col gap-16\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Type=Text\n          </Code>\n          <div className=\"flex gap-16\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button variant=\"primary\">Tooltip Text</Button>\n              </TooltipTrigger>\n              <TooltipContent variant=\"inverted\">Tooltip Text</TooltipContent>\n            </Tooltip>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button variant=\"secondary\">Tooltip Text</Button>\n              </TooltipTrigger>\n              <TooltipContent>Tooltip Text</TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n\n        {/* Shortcut Type */}\n        <div className=\"flex flex-col gap-16\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Type=Shortcut\n          </Code>\n          <div className=\"flex gap-16\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button variant=\"primary\">Tooltip Text</Button>\n              </TooltipTrigger>\n              <TooltipContent variant=\"inverted\">\n                <div className=\"flex items-center gap-6\">\n                  <span>Tooltip Text</span>\n                  <div className=\"flex items-center gap-4\">\n                    <kbd className=\"flex h-16 w-16 items-center justify-center rounded-4 border border-border-neutral-base bg-background-field-base text-sm text-foreground-neutral-subtle\">\n                      ⌘\n                    </kbd>\n                    <kbd className=\"flex h-16 w-16 items-center justify-center rounded-4 border border-border-neutral-base bg-background-field-base text-sm text-foreground-neutral-subtle\">\n                      /\n                    </kbd>\n                  </div>\n                </div>\n              </TooltipContent>\n            </Tooltip>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button variant=\"secondary\">Tooltip Text</Button>\n              </TooltipTrigger>\n              <TooltipContent>\n                <div className=\"flex items-center gap-6\">\n                  <span>Tooltip Text</span>\n                  <div className=\"flex items-center gap-4\">\n                    <kbd className=\"flex h-16 w-16 items-center justify-center rounded-4 border border-border-neutral-base bg-background-field-base text-xs text-foreground-neutral-subtle\">\n                      ⌘\n                    </kbd>\n                    <kbd className=\"flex h-16 w-16 items-center justify-center rounded-4 border border-border-neutral-base bg-background-field-base text-xs text-foreground-neutral-subtle\">\n                      /\n                    </kbd>\n                  </div>\n                </div>\n              </TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n\n        {/* Graph Type */}\n        <div className=\"flex flex-col gap-16\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Type=Graph\n          </Code>\n          <div className=\"flex gap-16\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button variant=\"primary\">Hover for graph data</Button>\n              </TooltipTrigger>\n              <TooltipContent variant=\"inverted\" className=\"w-160\">\n                <div className=\"flex flex-col gap-4\">\n                  <div className=\"text-xs text-foreground-neutral-subtle\">Jul 22, 2025</div>\n                  <div className=\"flex flex-col gap-4\">\n                    <div className=\"flex items-center justify-between gap-12\">\n                      <div className=\"flex flex-1 items-center gap-4\">\n                        <div className=\"size-6 rounded-full bg-purple-500\" />\n                        <span className=\"text-xs\">Data A</span>\n                      </div>\n                      <span className=\"text-xs\">$6.14</span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-12\">\n                      <div className=\"flex flex-1 items-center gap-4\">\n                        <div className=\"size-6 rounded-full bg-green-500\" />\n                        <span className=\"text-xs\">Data B</span>\n                      </div>\n                      <span className=\"text-xs\">$4.37</span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-12\">\n                      <div className=\"flex flex-1 items-center gap-4\">\n                        <div className=\"size-6 rounded-full bg-orange-500\" />\n                        <span className=\"text-xs\">Data C</span>\n                      </div>\n                      <span className=\"text-xs\">$12.88</span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-12\">\n                      <div className=\"flex flex-1 items-center gap-4\">\n                        <div className=\"size-6 rounded-full bg-blue-500\" />\n                        <span className=\"text-xs\">Data D</span>\n                      </div>\n                      <span className=\"text-xs\">$2.91</span>\n                    </div>\n                  </div>\n                </div>\n              </TooltipContent>\n            </Tooltip>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button variant=\"secondary\">Hover for graph data</Button>\n              </TooltipTrigger>\n              <TooltipContent className=\"w-160\">\n                <div className=\"flex flex-col gap-4\">\n                  <div className=\"text-xs text-foreground-neutral-subtle\">Jul 22, 2025</div>\n                  <div className=\"flex flex-col gap-4\">\n                    <div className=\"flex items-center justify-between gap-12\">\n                      <div className=\"flex flex-1 items-center gap-4\">\n                        <div className=\"size-6 rounded-full bg-purple-500\" />\n                        <span className=\"text-xs\">Data A</span>\n                      </div>\n                      <span className=\"text-xs\">$6.14</span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-12\">\n                      <div className=\"flex flex-1 items-center gap-4\">\n                        <div className=\"size-6 rounded-full bg-green-500\" />\n                        <span className=\"text-xs\">Data B</span>\n                      </div>\n                      <span className=\"text-xs\">$4.37</span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-12\">\n                      <div className=\"flex flex-1 items-center gap-4\">\n                        <div className=\"size-6 rounded-full bg-orange-500\" />\n                        <span className=\"text-xs\">Data C</span>\n                      </div>\n                      <span className=\"text-xs\">$12.88</span>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-12\">\n                      <div className=\"flex flex-1 items-center gap-4\">\n                        <div className=\"size-6 rounded-full bg-blue-500\" />\n                        <span className=\"text-xs\">Data D</span>\n                      </div>\n                      <span className=\"text-xs\">$2.91</span>\n                    </div>\n                  </div>\n                </div>\n              </TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n\n        {/* Breadcrumbs Type */}\n        <div className=\"flex flex-col gap-16\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Type=Breadcrumbs\n          </Code>\n          <div className=\"flex gap-16\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button variant=\"primary\">Breadcrumb</Button>\n              </TooltipTrigger>\n              <TooltipContent variant=\"inverted\">\n                <div className=\"flex items-center gap-6\">\n                  <span>Breadcrumb</span>\n                  <span className=\"text-foreground-neutral-muted\">/</span>\n                  <span>Breadcrumb</span>\n                </div>\n              </TooltipContent>\n            </Tooltip>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button variant=\"secondary\">Breadcrumb</Button>\n              </TooltipTrigger>\n              <TooltipContent>\n                <div className=\"flex items-center gap-6\">\n                  <span>Breadcrumb</span>\n                  <span className=\"text-foreground-neutral-muted\">/</span>\n                  <span>Breadcrumb</span>\n                </div>\n              </TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n      </div>\n    </div>\n  ),\n};\n"],"names":["Code","Button","Tooltip","TooltipContent","TooltipTrigger","meta","title","component","tags","argTypes","defaultOpen","control","delayDuration","variant","options","size","side","align","sideOffset","animated","args","Default","render","div","className","asChild","Types","span","kbd"],"mappings":"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"}

package/dist/components/typography/code.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/components/typography/code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG1E,eAAO,MAAM,YAAY;;8EAUvB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC,GAC7E,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,2CAejF"}

package/dist/components/typography/code.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/typography/code.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ElementType, HTMLAttributes, PropsWithChildren} from 'react';\nimport {cn} from 'utils';\n\nexport const codeVariants = cva('', {\n  variants: {\n    variant: {\n      label: 'text-xs',\n      paragraph: 'text-sm',\n    },\n  },\n  defaultVariants: {\n    variant: 'paragraph',\n  },\n});\n\nexport type CodeProps = PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> &\n  VariantProps<typeof codeVariants> & {\n    as?: ElementType;\n    bold?: boolean;\n  };\n\nexport function Code({children, className, variant, as, bold, ...props}: CodeProps) {\n  const Component = as ?? 'p';\n  return (\n    <Component\n      className={cn(\n        codeVariants({variant}),\n        'leading-20 font-code',\n        {'font-bold': bold},\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n}\n"],"names":["cva","cn","codeVariants","variants","variant","label","paragraph","defaultVariants","Code","children","className","as","bold","props","Component"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,QAAQ;AAEzB,OAAO,MAAMC,eAAeF,IAAI,IAAI;IAClCG,UAAU;QACRC,SAAS;YACPC,OAAO;YACPC,WAAW;QACb;IACF;IACAC,iBAAiB;QACfH,SAAS;IACX;AACF,GAAG;AAQH,OAAO,SAASI,KAAK,EAACC,QAAQ,EAAEC,SAAS,EAAEN,OAAO,EAAEO,EAAE,EAAEC,IAAI,EAAE,GAAGC,OAAiB;IAChF,MAAMC,YAAYH,MAAM;IACxB,qBACE,KAACG;QACCJ,WAAWT,GACTC,aAAa;YAACE;QAAO,IACrB,wBACA;YAAC,aAAaQ;QAAI,GAClBF;QAED,GAAGG,KAAK;kBAERJ;;AAGP"}

package/dist/components/typography/code.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/typography/code.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code} from './code';\n\nconst meta: Meta = {\n  title: 'Typography/Code',\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst variants = ['label', 'paragraph'] as const;\n\nexport const Default: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-16\">\n      {variants.map((variant) => (\n        <div key={variant} className=\"grid grid-cols-2 gap-8\">\n          <div className=\"flex flex-col gap-4\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              {variant}\n            </Code>\n            <Code variant={variant}>The quick brown fox jumps over the lazy dog</Code>\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              {variant} - Bold\n            </Code>\n            <Code variant={variant} bold>\n              The quick brown fox jumps over the lazy dog\n            </Code>\n          </div>\n        </div>\n      ))}\n    </div>\n  ),\n};\n"],"names":["Code","meta","title","variants","Default","render","div","className","map","variant","bold"],"mappings":";AACA,SAAQA,IAAI,QAAO,SAAS;AAE5B,MAAMC,OAAa;IACjBC,OAAO;AACT;AACA,eAAeD,KAAK;AAIpB,MAAME,WAAW;IAAC;IAAS;CAAY;AAEvC,OAAO,MAAMC,UAAiB;IAC5BC,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACZJ,SAASK,GAAG,CAAC,CAACC,wBACb,MAACH;oBAAkBC,WAAU;;sCAC3B,MAACD;4BAAIC,WAAU;;8CACb,KAACP;oCAAKS,SAAQ;oCAAQF,WAAU;8CAC7BE;;8CAEH,KAACT;oCAAKS,SAASA;8CAAS;;;;sCAE1B,MAACH;4BAAIC,WAAU;;8CACb,MAACP;oCAAKS,SAAQ;oCAAQF,WAAU;;wCAC7BE;wCAAQ;;;8CAEX,KAACT;oCAAKS,SAASA;oCAASC,IAAI;8CAAC;;;;;mBAXvBD;;AAmBlB,EAAE"}

package/dist/components/typography/header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/typography/header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG1E,eAAO,MAAM,cAAc;;8EAYzB,CAAC;AASH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC,GAC/E,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEJ,wBAAgB,MAAM,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,KAAK,EAAC,EAAE,WAAW,2CAU/E"}

package/dist/components/typography/header.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/typography/header.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ElementType, HTMLAttributes, PropsWithChildren} from 'react';\nimport {cn} from 'utils';\n\nexport const headerVariants = cva('', {\n  variants: {\n    variant: {\n      h1: 'text-3xl',\n      h2: 'text-xl',\n      h3: 'text-lg',\n      h4: 'text-md',\n    },\n  },\n  defaultVariants: {\n    variant: 'h1',\n  },\n});\n\nconst components = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n} as const;\n\nexport type HeaderProps = PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> &\n  VariantProps<typeof headerVariants> & {\n    as?: ElementType;\n  };\n\nexport function Header({children, className, variant, as, ...props}: HeaderProps) {\n  const Component = as ?? (variant ? components[variant] : 'h1');\n  return (\n    <Component\n      className={cn(headerVariants({variant}), 'font-display font-medium', className)}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n}\n"],"names":["cva","cn","headerVariants","variants","variant","h1","h2","h3","h4","defaultVariants","components","Header","children","className","as","props","Component"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,QAAQ;AAEzB,OAAO,MAAMC,iBAAiBF,IAAI,IAAI;IACpCG,UAAU;QACRC,SAAS;YACPC,IAAI;YACJC,IAAI;YACJC,IAAI;YACJC,IAAI;QACN;IACF;IACAC,iBAAiB;QACfL,SAAS;IACX;AACF,GAAG;AAEH,MAAMM,aAAa;IACjBL,IAAI;IACJC,IAAI;IACJC,IAAI;IACJC,IAAI;AACN;AAOA,OAAO,SAASG,OAAO,EAACC,QAAQ,EAAEC,SAAS,EAAET,OAAO,EAAEU,EAAE,EAAE,GAAGC,OAAmB;IAC9E,MAAMC,YAAYF,MAAOV,CAAAA,UAAUM,UAAU,CAACN,QAAQ,GAAG,IAAG;IAC5D,qBACE,KAACY;QACCH,WAAWZ,GAAGC,eAAe;YAACE;QAAO,IAAI,4BAA4BS;QACpE,GAAGE,KAAK;kBAERH;;AAGP"}

package/dist/components/typography/header.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/typography/header.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code} from './code';\nimport {Header} from './header';\n\nconst meta: Meta = {\n  title: 'Typography/Header',\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst variants = ['h1', 'h2', 'h3', 'h4'] as const;\n\nexport const Default: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-16\">\n      {variants.map((variant) => (\n        <div key={variant} className=\"flex flex-col gap-4\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            {variant}\n          </Code>\n          <Header variant={variant}>The quick brown fox jumps over the lazy dog</Header>\n        </div>\n      ))}\n    </div>\n  ),\n};\n"],"names":["Code","Header","meta","title","variants","Default","render","div","className","map","variant"],"mappings":";AACA,SAAQA,IAAI,QAAO,SAAS;AAC5B,SAAQC,MAAM,QAAO,WAAW;AAEhC,MAAMC,OAAa;IACjBC,OAAO;AACT;AACA,eAAeD,KAAK;AAIpB,MAAME,WAAW;IAAC;IAAM;IAAM;IAAM;CAAK;AAEzC,OAAO,MAAMC,UAAiB;IAC5BC,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACZJ,SAASK,GAAG,CAAC,CAACC,wBACb,MAACH;oBAAkBC,WAAU;;sCAC3B,KAACR;4BAAKU,SAAQ;4BAAQF,WAAU;sCAC7BE;;sCAEH,KAACT;4BAAOS,SAASA;sCAAS;;;mBAJlBA;;AASlB,EAAE"}

package/dist/components/typography/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/dist/components/typography/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/typography/index.ts"],"sourcesContent":["export * from './code';\nexport * from './header';\nexport * from './text';\n"],"names":[],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,SAAS"}

package/dist/components/typography/text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/typography/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG1E,eAAO,MAAM,YAAY;;8EAavB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC,GAC7E,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,EAAE,EACF,OAAc,EACd,IAAY,EACZ,GAAG,KAAK,EACT,EAAE,SAAS,2CAeX"}

package/dist/components/typography/text.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/typography/text.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ElementType, HTMLAttributes, PropsWithChildren} from 'react';\nimport {cn} from 'utils';\n\nexport const textVariants = cva('', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-md',\n      lg: 'text-lg',\n      xl: 'text-xl',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type TextProps = PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> &\n  VariantProps<typeof textVariants> & {\n    as?: ElementType;\n    compact?: boolean;\n    bold?: boolean;\n  };\n\nexport function Text({\n  children,\n  className,\n  size,\n  as,\n  compact = true,\n  bold = false,\n  ...props\n}: TextProps) {\n  const Component = as ?? 'p';\n  return (\n    <Component\n      className={cn(\n        textVariants({size}),\n        'font-display',\n        {'leading-20': compact, 'font-medium': bold},\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n}\n"],"names":["cva","cn","textVariants","variants","size","xs","sm","md","lg","xl","defaultVariants","Text","children","className","as","compact","bold","props","Component"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,QAAQ;AAEzB,OAAO,MAAMC,eAAeF,IAAI,IAAI;IAClCG,UAAU;QACRC,MAAM;YACJC,IAAI;YACJC,IAAI;YACJC,IAAI;YACJC,IAAI;YACJC,IAAI;QACN;IACF;IACAC,iBAAiB;QACfN,MAAM;IACR;AACF,GAAG;AASH,OAAO,SAASO,KAAK,EACnBC,QAAQ,EACRC,SAAS,EACTT,IAAI,EACJU,EAAE,EACFC,UAAU,IAAI,EACdC,OAAO,KAAK,EACZ,GAAGC,OACO;IACV,MAAMC,YAAYJ,MAAM;IACxB,qBACE,KAACI;QACCL,WAAWZ,GACTC,aAAa;YAACE;QAAI,IAClB,gBACA;YAAC,cAAcW;YAAS,eAAeC;QAAI,GAC3CH;QAED,GAAGI,KAAK;kBAERL;;AAGP"}

package/dist/components/typography/text.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/typography/text.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code} from './code';\nimport {Text} from './text';\n\nconst meta: Meta = {\n  title: 'Typography/Text',\n};\nexport default meta;\n\ntype Story = StoryObj;\n\nconst sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const Default: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-16\">\n      {sizes.map((size) => (\n        <div key={size} className=\"grid grid-cols-2 gap-8\">\n          <div className=\"flex flex-col gap-4\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              {size}\n            </Code>\n            <Text size={size}>The quick brown fox jumps over the lazy dog</Text>\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              {size} - Bold\n            </Code>\n            <Text size={size} bold>\n              The quick brown fox jumps over the lazy dog\n            </Text>\n          </div>\n        </div>\n      ))}\n    </div>\n  ),\n};\n\nconst textParagraph =\n  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';\n\nexport const Paragraph: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-16\">\n      {sizes.map((size) => (\n        <div key={size} className=\"grid grid-cols-2 gap-8\">\n          <div className=\"flex flex-col gap-4\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              {size} - Regular\n            </Code>\n            <Text size={size} compact={false}>\n              {textParagraph}\n            </Text>\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              {size} - Compact\n            </Code>\n            <Text size={size} compact={true}>\n              {textParagraph}\n            </Text>\n          </div>\n        </div>\n      ))}\n    </div>\n  ),\n};\n"],"names":["Code","Text","meta","title","sizes","Default","render","div","className","map","size","variant","bold","textParagraph","Paragraph","compact"],"mappings":";AACA,SAAQA,IAAI,QAAO,SAAS;AAC5B,SAAQC,IAAI,QAAO,SAAS;AAE5B,MAAMC,OAAa;IACjBC,OAAO;AACT;AACA,eAAeD,KAAK;AAIpB,MAAME,QAAQ;IAAC;IAAM;IAAM;IAAM;IAAM;CAAK;AAE5C,OAAO,MAAMC,UAAiB;IAC5BC,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACZJ,MAAMK,GAAG,CAAC,CAACC,qBACV,MAACH;oBAAeC,WAAU;;sCACxB,MAACD;4BAAIC,WAAU;;8CACb,KAACR;oCAAKW,SAAQ;oCAAQH,WAAU;8CAC7BE;;8CAEH,KAACT;oCAAKS,MAAMA;8CAAM;;;;sCAEpB,MAACH;4BAAIC,WAAU;;8CACb,MAACR;oCAAKW,SAAQ;oCAAQH,WAAU;;wCAC7BE;wCAAK;;;8CAER,KAACT;oCAAKS,MAAMA;oCAAME,IAAI;8CAAC;;;;;mBAXjBF;;AAmBlB,EAAE;AAEF,MAAMG,gBACJ;AAEF,OAAO,MAAMC,YAAmB;IAC9BR,QAAQ,kBACN,KAACC;YAAIC,WAAU;sBACZJ,MAAMK,GAAG,CAAC,CAACC,qBACV,MAACH;oBAAeC,WAAU;;sCACxB,MAACD;4BAAIC,WAAU;;8CACb,MAACR;oCAAKW,SAAQ;oCAAQH,WAAU;;wCAC7BE;wCAAK;;;8CAER,KAACT;oCAAKS,MAAMA;oCAAMK,SAAS;8CACxBF;;;;sCAGL,MAACN;4BAAIC,WAAU;;8CACb,MAACR;oCAAKW,SAAQ;oCAAQH,WAAU;;wCAC7BE;wCAAK;;;8CAER,KAACT;oCAAKS,MAAMA;oCAAMK,SAAS;8CACxBF;;;;;mBAdGH;;AAqBlB,EAAE"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC"}

package/dist/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './useCopyToClipboard';\nexport * from './useMediaQuery';\nexport * from './useResolvedTheme';\nexport * from './useShikiHighlight';\nexport * from './useShikiStyleInjection';\nexport * from './useTheme';\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,aAAa"}

package/dist/hooks/useCopy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopy.d.ts","sourceRoot":"","sources":["../../src/hooks/useCopy.ts"],"names":[],"mappings":""}

package/dist/hooks/useCopy.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useCopy.ts"],"names":[],"mappings":""}

package/dist/hooks/useCopyToClipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,UAAU,wBAAwB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,kBAAkB,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE,wBAAwB;;;EAW1E"}

package/dist/hooks/useCopyToClipboard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useCopyToClipboard.ts"],"sourcesContent":["import {useState} from 'react';\nimport {copyTextToClipboard} from 'utils';\n\ninterface UseCopyToClipboardParams {\n  text: string;\n  onCopy?: (text: string) => void;\n}\n\nexport function useCopyToClipboard({text, onCopy}: UseCopyToClipboardParams) {\n  const [copied, setCopied] = useState(false);\n\n  const copy = async () => {\n    await copyTextToClipboard(text);\n\n    if (onCopy) onCopy(text);\n    setCopied(true);\n  };\n\n  return {copy, copied};\n}\n"],"names":["useState","copyTextToClipboard","useCopyToClipboard","text","onCopy","copied","setCopied","copy"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,mBAAmB,QAAO,QAAQ;AAO1C,OAAO,SAASC,mBAAmB,EAACC,IAAI,EAAEC,MAAM,EAA2B;IACzE,MAAM,CAACC,QAAQC,UAAU,GAAGN,SAAS;IAErC,MAAMO,OAAO;QACX,MAAMN,oBAAoBE;QAE1B,IAAIC,QAAQA,OAAOD;QACnBG,UAAU;IACZ;IAEA,OAAO;QAACC;QAAMF;IAAM;AACtB"}

package/dist/hooks/useMediaQuery.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAsEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAgBpD"}

package/dist/hooks/useMediaQuery.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import {useEffect, useState} from 'react';\n\nclass MediaQueryManager {\n  private queries = new Map<string, MediaQueryList>();\n  private listeners = new Map<string, Set<() => void>>();\n  private changeHandlers = new Map<string, () => void>();\n\n  getMatches(query: string): boolean {\n    if (typeof window === 'undefined') return false;\n\n    if (!this.queries.has(query)) {\n      this.queries.set(query, window.matchMedia(query));\n      this.listeners.set(query, new Set());\n    }\n\n    const mediaQuery = this.queries.get(query);\n    return mediaQuery ? mediaQuery.matches : false;\n  }\n\n  subscribe(query: string, callback: () => void): () => void {\n    if (typeof window === 'undefined') {\n      return () => {\n        // Cleanup function for SSR - no-op\n      };\n    }\n\n    if (!this.queries.has(query)) {\n      this.queries.set(query, window.matchMedia(query));\n      this.listeners.set(query, new Set());\n    }\n\n    const mediaQuery = this.queries.get(query);\n    const listeners = this.listeners.get(query);\n\n    if (!mediaQuery || !listeners) {\n      return () => {\n        // Cleanup function - no-op if query wasn't found\n      };\n    }\n\n    listeners.add(callback);\n\n    if (listeners.size === 1) {\n      const changeHandler = () => {\n        for (const cb of listeners) {\n          cb();\n        }\n      };\n      this.changeHandlers.set(query, changeHandler);\n      mediaQuery.addEventListener('change', changeHandler);\n    }\n\n    return () => {\n      listeners.delete(callback);\n\n      if (listeners.size === 0) {\n        const changeHandler = this.changeHandlers.get(query);\n        if (changeHandler) {\n          mediaQuery.removeEventListener('change', changeHandler);\n          this.changeHandlers.delete(query);\n        }\n        this.queries.delete(query);\n        this.listeners.delete(query);\n      }\n    };\n  }\n}\n\nconst mediaQueryManager = new MediaQueryManager();\n\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState(() => mediaQueryManager.getMatches(query));\n\n  useEffect(() => {\n    const updateMatches = () => {\n      setMatches(mediaQueryManager.getMatches(query));\n    };\n\n    const unsubscribe = mediaQueryManager.subscribe(query, updateMatches);\n\n    updateMatches();\n\n    return unsubscribe;\n  }, [query]);\n\n  return matches;\n}\n"],"names":["useEffect","useState","MediaQueryManager","getMatches","query","window","queries","has","set","matchMedia","listeners","Set","mediaQuery","get","matches","subscribe","callback","add","size","changeHandler","cb","changeHandlers","addEventListener","delete","removeEventListener","Map","mediaQueryManager","useMediaQuery","setMatches","updateMatches","unsubscribe"],"mappings":"AAAA,SAAQA,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAE1C,IAAA,AAAMC,oBAAN,MAAMA;IAKJC,WAAWC,KAAa,EAAW;QACjC,IAAI,OAAOC,WAAW,aAAa,OAAO;QAE1C,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,GAAG,CAACH,QAAQ;YAC5B,IAAI,CAACE,OAAO,CAACE,GAAG,CAACJ,OAAOC,OAAOI,UAAU,CAACL;YAC1C,IAAI,CAACM,SAAS,CAACF,GAAG,CAACJ,OAAO,IAAIO;QAChC;QAEA,MAAMC,aAAa,IAAI,CAACN,OAAO,CAACO,GAAG,CAACT;QACpC,OAAOQ,aAAaA,WAAWE,OAAO,GAAG;IAC3C;IAEAC,UAAUX,KAAa,EAAEY,QAAoB,EAAc;QACzD,IAAI,OAAOX,WAAW,aAAa;YACjC,OAAO;YACL,mCAAmC;YACrC;QACF;QAEA,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,GAAG,CAACH,QAAQ;YAC5B,IAAI,CAACE,OAAO,CAACE,GAAG,CAACJ,OAAOC,OAAOI,UAAU,CAACL;YAC1C,IAAI,CAACM,SAAS,CAACF,GAAG,CAACJ,OAAO,IAAIO;QAChC;QAEA,MAAMC,aAAa,IAAI,CAACN,OAAO,CAACO,GAAG,CAACT;QACpC,MAAMM,YAAY,IAAI,CAACA,SAAS,CAACG,GAAG,CAACT;QAErC,IAAI,CAACQ,cAAc,CAACF,WAAW;YAC7B,OAAO;YACL,iDAAiD;YACnD;QACF;QAEAA,UAAUO,GAAG,CAACD;QAEd,IAAIN,UAAUQ,IAAI,KAAK,GAAG;YACxB,MAAMC,gBAAgB;gBACpB,KAAK,MAAMC,MAAMV,UAAW;oBAC1BU;gBACF;YACF;YACA,IAAI,CAACC,cAAc,CAACb,GAAG,CAACJ,OAAOe;YAC/BP,WAAWU,gBAAgB,CAAC,UAAUH;QACxC;QAEA,OAAO;YACLT,UAAUa,MAAM,CAACP;YAEjB,IAAIN,UAAUQ,IAAI,KAAK,GAAG;gBACxB,MAAMC,gBAAgB,IAAI,CAACE,cAAc,CAACR,GAAG,CAACT;gBAC9C,IAAIe,eAAe;oBACjBP,WAAWY,mBAAmB,CAAC,UAAUL;oBACzC,IAAI,CAACE,cAAc,CAACE,MAAM,CAACnB;gBAC7B;gBACA,IAAI,CAACE,OAAO,CAACiB,MAAM,CAACnB;gBACpB,IAAI,CAACM,SAAS,CAACa,MAAM,CAACnB;YACxB;QACF;IACF;;aA9DQE,UAAU,IAAImB;aACdf,YAAY,IAAIe;aAChBJ,iBAAiB,IAAII;;AA6D/B;AAEA,MAAMC,oBAAoB,IAAIxB;AAE9B,OAAO,SAASyB,cAAcvB,KAAa;IACzC,MAAM,CAACU,SAASc,WAAW,GAAG3B,SAAS,IAAMyB,kBAAkBvB,UAAU,CAACC;IAE1EJ,UAAU;QACR,MAAM6B,gBAAgB;YACpBD,WAAWF,kBAAkBvB,UAAU,CAACC;QAC1C;QAEA,MAAM0B,cAAcJ,kBAAkBX,SAAS,CAACX,OAAOyB;QAEvDA;QAEA,OAAOC;IACT,GAAG;QAAC1B;KAAM;IAEV,OAAOU;AACT"}

package/dist/hooks/useResolvedTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResolvedTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useResolvedTheme.ts"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,IAAI,OAAO,GAAG,MAAM,CA8BnD"}

package/dist/hooks/useResolvedTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useResolvedTheme.ts"],"sourcesContent":["import {useSyncExternalStore} from 'react';\nimport {useTheme} from './useTheme';\n\nexport function useResolvedTheme(): 'light' | 'dark' {\n  const {theme} = useTheme();\n\n  const systemTheme = useSyncExternalStore<'light' | 'dark'>(\n    (callback) => {\n      if (typeof window === 'undefined' || theme !== 'system') {\n        return () => {\n          // No-op unsubscribe\n        };\n      }\n      const mql = window.matchMedia('(prefers-color-scheme: dark)');\n      mql.addEventListener('change', callback);\n      return () => {\n        mql.removeEventListener('change', callback);\n      };\n    },\n    (): 'light' | 'dark' =>\n      typeof window !== 'undefined' && theme === 'system'\n        ? window.matchMedia('(prefers-color-scheme: dark)').matches\n          ? 'dark'\n          : 'light'\n        : 'light',\n    (): 'light' | 'dark' => 'light', // Server snapshot\n  );\n\n  if (theme === 'system') {\n    return systemTheme;\n  }\n  // TypeScript should narrow theme to 'light' | 'dark' here\n  return theme as 'light' | 'dark';\n}\n"],"names":["useSyncExternalStore","useTheme","useResolvedTheme","theme","systemTheme","callback","window","mql","matchMedia","addEventListener","removeEventListener","matches"],"mappings":"AAAA,SAAQA,oBAAoB,QAAO,QAAQ;AAC3C,SAAQC,QAAQ,QAAO,aAAa;AAEpC,OAAO,SAASC;IACd,MAAM,EAACC,KAAK,EAAC,GAAGF;IAEhB,MAAMG,cAAcJ,qBAClB,CAACK;QACC,IAAI,OAAOC,WAAW,eAAeH,UAAU,UAAU;YACvD,OAAO;YACL,oBAAoB;YACtB;QACF;QACA,MAAMI,MAAMD,OAAOE,UAAU,CAAC;QAC9BD,IAAIE,gBAAgB,CAAC,UAAUJ;QAC/B,OAAO;YACLE,IAAIG,mBAAmB,CAAC,UAAUL;QACpC;IACF,GACA,IACE,OAAOC,WAAW,eAAeH,UAAU,WACvCG,OAAOE,UAAU,CAAC,gCAAgCG,OAAO,GACvD,SACA,UACF,SACN,IAAwB;IAG1B,IAAIR,UAAU,UAAU;QACtB,OAAOC;IACT;IACA,0DAA0D;IAC1D,OAAOD;AACT"}

package/dist/hooks/useShikiHighlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useShikiHighlight.d.ts","sourceRoot":"","sources":["../../src/hooks/useShikiHighlight.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,aAAa,EACb,kBAAkB,GACnB,EAAE,wBAAwB,GAAG;IAAC,eAAe,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CA6C1E;AAED,KAAK,gCAAgC,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,kBAAkB,GACnB,EAAE,gCAAgC,GAAG;IACpC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,SAAS,EAAE,OAAO,CAAC;CACpB,CAsDA"}

package/dist/hooks/useShikiHighlight.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useShikiHighlight.ts"],"sourcesContent":["import {useEffect, useState} from 'react';\n\ntype ShikiThemes = {\n  light: string;\n  dark: string;\n};\n\ntype UseShikiHighlightOptions = {\n  code: string;\n  lang: string;\n  themes: ShikiThemes;\n  resolvedTheme: 'light' | 'dark';\n  syntaxHighlighting: boolean;\n};\n\nexport function useShikiHighlight({\n  code,\n  lang,\n  themes,\n  resolvedTheme,\n  syntaxHighlighting,\n}: UseShikiHighlightOptions): {highlightedCode: string; isLoading: boolean} {\n  const [highlightedCode, setHighlightedCode] = useState<string>('');\n  const [isLoading, setIsLoading] = useState(syntaxHighlighting);\n\n  useEffect(() => {\n    if (!syntaxHighlighting) {\n      setIsLoading(false);\n      return;\n    }\n\n    setIsLoading(true);\n    let cancelled = false;\n\n    const loadHighlightedCode = async () => {\n      try {\n        const {codeToHtml} = await import('shiki');\n\n        const html = await codeToHtml(code, {\n          lang,\n          themes: {\n            light: themes.light,\n            dark: themes.dark,\n          },\n          defaultColor: resolvedTheme === 'dark' ? 'dark' : 'light',\n        });\n\n        if (!cancelled) {\n          setHighlightedCode(html);\n          setIsLoading(false);\n        }\n      } catch {\n        if (!cancelled) {\n          setIsLoading(false);\n        }\n      }\n    };\n\n    loadHighlightedCode();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [code, lang, themes.light, themes.dark, resolvedTheme, syntaxHighlighting]);\n\n  return {highlightedCode, isLoading};\n}\n\ntype UseShikiHighlightMultipleOptions = {\n  codes: Record<string, string>;\n  lang: string;\n  themes: ShikiThemes;\n  resolvedTheme: 'light' | 'dark';\n  syntaxHighlighting: boolean;\n};\n\nexport function useShikiHighlightMultiple({\n  codes,\n  lang,\n  themes,\n  resolvedTheme,\n  syntaxHighlighting,\n}: UseShikiHighlightMultipleOptions): {\n  highlightedCodes: Record<string, string>;\n  isLoading: boolean;\n} {\n  const [highlightedCodes, setHighlightedCodes] = useState<Record<string, string>>({});\n  const [isLoading, setIsLoading] = useState(syntaxHighlighting);\n\n  useEffect(() => {\n    if (!syntaxHighlighting) {\n      setIsLoading(false);\n      return;\n    }\n\n    setIsLoading(true);\n    let cancelled = false;\n\n    const loadHighlightedCode = async () => {\n      try {\n        const {codeToHtml} = await import('shiki');\n        const newHighlightedCodes: Record<string, string> = {};\n\n        for (const [command, val] of Object.entries(codes)) {\n          if (cancelled) {\n            return;\n          }\n\n          const highlighted = await codeToHtml(val, {\n            lang,\n            themes: {\n              light: themes.light,\n              dark: themes.dark,\n            },\n            defaultColor: resolvedTheme === 'dark' ? 'dark' : 'light',\n          });\n\n          newHighlightedCodes[command] = highlighted;\n        }\n\n        if (!cancelled) {\n          setHighlightedCodes(newHighlightedCodes);\n          setIsLoading(false);\n        }\n      } catch {\n        if (!cancelled) {\n          setIsLoading(false);\n        }\n      }\n    };\n\n    loadHighlightedCode();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [resolvedTheme, lang, themes.light, themes.dark, codes, syntaxHighlighting]);\n\n  return {highlightedCodes, isLoading};\n}\n"],"names":["useEffect","useState","useShikiHighlight","code","lang","themes","resolvedTheme","syntaxHighlighting","highlightedCode","setHighlightedCode","isLoading","setIsLoading","cancelled","loadHighlightedCode","codeToHtml","html","light","dark","defaultColor","useShikiHighlightMultiple","codes","highlightedCodes","setHighlightedCodes","newHighlightedCodes","command","val","Object","entries","highlighted"],"mappings":"AAAA,SAAQA,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAe1C,OAAO,SAASC,kBAAkB,EAChCC,IAAI,EACJC,IAAI,EACJC,MAAM,EACNC,aAAa,EACbC,kBAAkB,EACO;IACzB,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGR,SAAiB;IAC/D,MAAM,CAACS,WAAWC,aAAa,GAAGV,SAASM;IAE3CP,UAAU;QACR,IAAI,CAACO,oBAAoB;YACvBI,aAAa;YACb;QACF;QAEAA,aAAa;QACb,IAAIC,YAAY;QAEhB,MAAMC,sBAAsB;YAC1B,IAAI;gBACF,MAAM,EAACC,UAAU,EAAC,GAAG,MAAM,MAAM,CAAC;gBAElC,MAAMC,OAAO,MAAMD,WAAWX,MAAM;oBAClCC;oBACAC,QAAQ;wBACNW,OAAOX,OAAOW,KAAK;wBACnBC,MAAMZ,OAAOY,IAAI;oBACnB;oBACAC,cAAcZ,kBAAkB,SAAS,SAAS;gBACpD;gBAEA,IAAI,CAACM,WAAW;oBACdH,mBAAmBM;oBACnBJ,aAAa;gBACf;YACF,EAAE,OAAM;gBACN,IAAI,CAACC,WAAW;oBACdD,aAAa;gBACf;YACF;QACF;QAEAE;QAEA,OAAO;YACLD,YAAY;QACd;IACF,GAAG;QAACT;QAAMC;QAAMC,OAAOW,KAAK;QAAEX,OAAOY,IAAI;QAAEX;QAAeC;KAAmB;IAE7E,OAAO;QAACC;QAAiBE;IAAS;AACpC;AAUA,OAAO,SAASS,0BAA0B,EACxCC,KAAK,EACLhB,IAAI,EACJC,MAAM,EACNC,aAAa,EACbC,kBAAkB,EACe;IAIjC,MAAM,CAACc,kBAAkBC,oBAAoB,GAAGrB,SAAiC,CAAC;IAClF,MAAM,CAACS,WAAWC,aAAa,GAAGV,SAASM;IAE3CP,UAAU;QACR,IAAI,CAACO,oBAAoB;YACvBI,aAAa;YACb;QACF;QAEAA,aAAa;QACb,IAAIC,YAAY;QAEhB,MAAMC,sBAAsB;YAC1B,IAAI;gBACF,MAAM,EAACC,UAAU,EAAC,GAAG,MAAM,MAAM,CAAC;gBAClC,MAAMS,sBAA8C,CAAC;gBAErD,KAAK,MAAM,CAACC,SAASC,IAAI,IAAIC,OAAOC,OAAO,CAACP,OAAQ;oBAClD,IAAIR,WAAW;wBACb;oBACF;oBAEA,MAAMgB,cAAc,MAAMd,WAAWW,KAAK;wBACxCrB;wBACAC,QAAQ;4BACNW,OAAOX,OAAOW,KAAK;4BACnBC,MAAMZ,OAAOY,IAAI;wBACnB;wBACAC,cAAcZ,kBAAkB,SAAS,SAAS;oBACpD;oBAEAiB,mBAAmB,CAACC,QAAQ,GAAGI;gBACjC;gBAEA,IAAI,CAAChB,WAAW;oBACdU,oBAAoBC;oBACpBZ,aAAa;gBACf;YACF,EAAE,OAAM;gBACN,IAAI,CAACC,WAAW;oBACdD,aAAa;gBACf;YACF;QACF;QAEAE;QAEA,OAAO;YACLD,YAAY;QACd;IACF,GAAG;QAACN;QAAeF;QAAMC,OAAOW,KAAK;QAAEX,OAAOY,IAAI;QAAEG;QAAOb;KAAmB;IAE9E,OAAO;QAACc;QAAkBX;IAAS;AACrC"}

package/dist/hooks/useShikiStyleInjection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useShikiStyleInjection.d.ts","sourceRoot":"","sources":["../../src/hooks/useShikiStyleInjection.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,GAAG,IAAI,CA+BxE"}

package/dist/hooks/useShikiStyleInjection.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useShikiStyleInjection.ts"],"sourcesContent":["import {useEffect} from 'react';\n\nexport function useShikiStyleInjection(syntaxHighlighting: boolean): void {\n  useEffect(() => {\n    if (!syntaxHighlighting) {\n      return;\n    }\n\n    const styleId = 'shiki-override-styles';\n    if (document.getElementById(styleId)) {\n      return;\n    }\n\n    const style = document.createElement('style');\n    style.id = styleId;\n    style.textContent = `\n      .shiki-override pre,\n      .shiki-override code,\n      .shiki-override pre *,\n      .shiki-override code * {\n        background: transparent !important;\n        font-family: \"Commit Mono\", monospace !important;\n      }\n    `;\n    document.head.appendChild(style);\n\n    return () => {\n      const existingStyle = document.getElementById(styleId);\n      if (existingStyle) {\n        existingStyle.remove();\n      }\n    };\n  }, [syntaxHighlighting]);\n}\n"],"names":["useEffect","useShikiStyleInjection","syntaxHighlighting","styleId","document","getElementById","style","createElement","id","textContent","head","appendChild","existingStyle","remove"],"mappings":"AAAA,SAAQA,SAAS,QAAO,QAAQ;AAEhC,OAAO,SAASC,uBAAuBC,kBAA2B;IAChEF,UAAU;QACR,IAAI,CAACE,oBAAoB;YACvB;QACF;QAEA,MAAMC,UAAU;QAChB,IAAIC,SAASC,cAAc,CAACF,UAAU;YACpC;QACF;QAEA,MAAMG,QAAQF,SAASG,aAAa,CAAC;QACrCD,MAAME,EAAE,GAAGL;QACXG,MAAMG,WAAW,GAAG,CAAC;;;;;;;;IAQrB,CAAC;QACDL,SAASM,IAAI,CAACC,WAAW,CAACL;QAE1B,OAAO;YACL,MAAMM,gBAAgBR,SAASC,cAAc,CAACF;YAC9C,IAAIS,eAAe;gBACjBA,cAAcC,MAAM;YACtB;QACF;IACF,GAAG;QAACX;KAAmB;AACzB"}

package/dist/hooks/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,gDAMpB,CAAC"}

package/dist/hooks/useTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import {useContext} from 'react';\nimport {ThemeProviderContext} from 'state/theme';\n\nexport const useTheme = () => {\n  const context = useContext(ThemeProviderContext);\n\n  if (context === undefined) throw new Error('useTheme must be used within a ThemeProvider');\n\n  return context;\n};\n"],"names":["useContext","ThemeProviderContext","useTheme","context","undefined","Error"],"mappings":"AAAA,SAAQA,UAAU,QAAO,QAAQ;AACjC,SAAQC,oBAAoB,QAAO,cAAc;AAEjD,OAAO,MAAMC,WAAW;IACtB,MAAMC,UAAUH,WAAWC;IAE3B,IAAIE,YAAYC,WAAW,MAAM,IAAIC,MAAM;IAE3C,OAAOF;AACT,EAAE"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACnD,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {ShipfoxLoader} from 'shipfox-loader-react';\nexport * from './components';\nexport * from './hooks';\nexport * from './utils';\n"],"names":["ShipfoxLoader"],"mappings":"AAAA,SAAQA,aAAa,QAAO,uBAAuB;AACnD,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,UAAU"}

package/dist/onboarding/sign-in.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/onboarding/sign-in.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Avatar} from 'components/avatar';\nimport {Button} from 'components/button';\nimport {DotGrid} from 'components/dot-grid';\nimport {Header, Text} from 'components/typography';\n\nconst meta = {\n  title: 'Onboarding/Signin',\n  parameters: {\n    layout: 'fullscreen',\n  },\n} satisfies Meta;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  play: async (ctx) => {\n    await argosScreenshot(ctx, 'example-screenshot');\n  },\n  render: () => {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-background-subtle-base\">\n        {/* Background illustration - simplified decorative element */}\n        <div\n          className=\"absolute w-[800px] max-w-[800px] h-[400px] top-0 left-1/2 -translate-x-1/2 translate-y-[-145px]\"\n          style={{\n            maskImage:\n              'radial-gradient(ellipse 100% 125% at 50% 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%)',\n            WebkitMaskImage:\n              'radial-gradient(ellipse 100% 125% at 50% 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 100%)',\n          }}\n        >\n          <DotGrid\n            dotSize={2}\n            gap={20}\n            baseColor=\"#e63e00\"\n            activeColor=\"#FF0076\"\n            proximity={100}\n            shockRadius={8}\n            shockStrength={100}\n            resistance={500}\n            returnDuration={1.5}\n          />\n        </div>\n\n        {/* Main content */}\n        <div className=\"relative flex w-full max-w-[384px] flex-col items-center gap-32 px-24 pb-80 pt-24\">\n          {/* Logo and title section */}\n          <div className=\"flex flex-col items-center gap-16\">\n            <Avatar content=\"logo\" size=\"xl\" radius=\"rounded\" logoName=\"shipfox\" />\n            <div className=\"flex min-w-[128px] flex-col items-center gap-4 text-center\">\n              <Header\n                variant=\"h1\"\n                className=\"text-[28px] font-medium leading-[44px] text-foreground-neutral-base\"\n              >\n                Connect to Shipfox\n              </Header>\n              <Text\n                size=\"sm\"\n                className=\"text-sm font-normal leading-[24px] text-foreground-neutral-subtle\"\n              >\n                Log in to access Shipfox.\n              </Text>\n            </div>\n          </div>\n\n          {/* Action buttons */}\n          <div className=\"flex w-full flex-col gap-20\">\n            <Button variant=\"primary\" size=\"md\" iconLeft=\"google\" className=\"w-full\">\n              Continue with Google\n            </Button>\n            <Button variant=\"primary\" size=\"md\" iconLeft=\"microsoft\" className=\"w-full\">\n              Continue with Microsoft\n            </Button>\n            <Button variant=\"transparent\" size=\"md\" className=\"w-full\">\n              Connect with Enterprise SSO\n            </Button>\n          </div>\n        </div>\n      </div>\n    );\n  },\n};\n"],"names":["argosScreenshot","Avatar","Button","DotGrid","Header","Text","meta","title","parameters","layout","Default","play","ctx","render","div","className","style","maskImage","WebkitMaskImage","dotSize","gap","baseColor","activeColor","proximity","shockRadius","shockStrength","resistance","returnDuration","content","size","radius","logoName","variant","iconLeft"],"mappings":";AAAA,SAAQA,eAAe,QAAO,6BAA6B;AAE3D,SAAQC,MAAM,QAAO,oBAAoB;AACzC,SAAQC,MAAM,QAAO,oBAAoB;AACzC,SAAQC,OAAO,QAAO,sBAAsB;AAC5C,SAAQC,MAAM,EAAEC,IAAI,QAAO,wBAAwB;AAEnD,MAAMC,OAAO;IACXC,OAAO;IACPC,YAAY;QACVC,QAAQ;IACV;AACF;AAEA,eAAeH,KAAK;AAGpB,OAAO,MAAMI,UAAiB;IAC5BC,MAAM,OAAOC;QACX,MAAMZ,gBAAgBY,KAAK;IAC7B;IACAC,QAAQ;QACN,qBACE,MAACC;YAAIC,WAAU;;8BAEb,KAACD;oBACCC,WAAU;oBACVC,OAAO;wBACLC,WACE;wBACFC,iBACE;oBACJ;8BAEA,cAAA,KAACf;wBACCgB,SAAS;wBACTC,KAAK;wBACLC,WAAU;wBACVC,aAAY;wBACZC,WAAW;wBACXC,aAAa;wBACbC,eAAe;wBACfC,YAAY;wBACZC,gBAAgB;;;8BAKpB,MAACb;oBAAIC,WAAU;;sCAEb,MAACD;4BAAIC,WAAU;;8CACb,KAACd;oCAAO2B,SAAQ;oCAAOC,MAAK;oCAAKC,QAAO;oCAAUC,UAAS;;8CAC3D,MAACjB;oCAAIC,WAAU;;sDACb,KAACX;4CACC4B,SAAQ;4CACRjB,WAAU;sDACX;;sDAGD,KAACV;4CACCwB,MAAK;4CACLd,WAAU;sDACX;;;;;;sCAOL,MAACD;4BAAIC,WAAU;;8CACb,KAACb;oCAAO8B,SAAQ;oCAAUH,MAAK;oCAAKI,UAAS;oCAASlB,WAAU;8CAAS;;8CAGzE,KAACb;oCAAO8B,SAAQ;oCAAUH,MAAK;oCAAKI,UAAS;oCAAYlB,WAAU;8CAAS;;8CAG5E,KAACb;oCAAO8B,SAAQ;oCAAcH,MAAK;oCAAKd,WAAU;8CAAS;;;;;;;;IAOrE;AACF,EAAE"}

package/dist/state/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/state/theme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AAOF,eAAO,MAAM,oBAAoB,6CAAkD,CAAC"}

package/dist/state/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/state/theme.ts"],"sourcesContent":["import {createContext} from 'react';\n\nexport type Theme = 'dark' | 'light' | 'system';\n\nexport type ThemeProviderState = {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n};\n\nconst initialState: ThemeProviderState = {\n  theme: 'system',\n  setTheme: () => null,\n};\n\nexport const ThemeProviderContext = createContext<ThemeProviderState>(initialState);\n"],"names":["createContext","initialState","theme","setTheme","ThemeProviderContext"],"mappings":"AAAA,SAAQA,aAAa,QAAO,QAAQ;AASpC,MAAMC,eAAmC;IACvCC,OAAO;IACPC,UAAU,IAAM;AAClB;AAEA,OAAO,MAAMC,uBAAuBJ,cAAkCC,cAAc"}

package/dist/utils/avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/utils/avatar.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,KAAG,MAStD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAK1C,CAAC"}

package/dist/utils/avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/avatar.ts"],"sourcesContent":["const hashString = (str: string): number => {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash;\n  }\n  return Math.abs(hash);\n};\n\nexport const getPlaceholderImageUrl = (name?: string): string => {\n  const backgroundColors = ['BFDFFF', 'BFEAFF', 'CFBFFF', 'FFBFC3', 'FFEABF', 'E3E6EA', 'EAEAEA'];\n\n  const seed = name?.trim() || 'avatar';\n\n  const colorIndex = hashString(seed) % backgroundColors.length;\n  const backgroundColor = backgroundColors[colorIndex];\n\n  return `https://api.dicebear.com/9.x/micah/svg?backgroundColor=${backgroundColor}&seed=${encodeURIComponent(seed)}`;\n};\n\nexport const getInitial = (name?: string): string => {\n  if (name) {\n    return name.trim()[0]?.toUpperCase() ?? 'L';\n  }\n  return 'L';\n};\n"],"names":["hashString","str","hash","i","length","char","charCodeAt","Math","abs","getPlaceholderImageUrl","name","backgroundColors","seed","trim","colorIndex","backgroundColor","encodeURIComponent","getInitial","toUpperCase"],"mappings":"AAAA,MAAMA,aAAa,CAACC;IAClB,IAAIC,OAAO;IACX,IAAK,IAAIC,IAAI,GAAGA,IAAIF,IAAIG,MAAM,EAAED,IAAK;QACnC,MAAME,OAAOJ,IAAIK,UAAU,CAACH;QAC5BD,OAAO,AAACA,CAAAA,QAAQ,CAAA,IAAKA,OAAOG;QAC5BH,OAAOA,OAAOA;IAChB;IACA,OAAOK,KAAKC,GAAG,CAACN;AAClB;AAEA,OAAO,MAAMO,yBAAyB,CAACC;IACrC,MAAMC,mBAAmB;QAAC;QAAU;QAAU;QAAU;QAAU;QAAU;QAAU;KAAS;IAE/F,MAAMC,OAAOF,MAAMG,UAAU;IAE7B,MAAMC,aAAad,WAAWY,QAAQD,iBAAiBP,MAAM;IAC7D,MAAMW,kBAAkBJ,gBAAgB,CAACG,WAAW;IAEpD,OAAO,CAAC,uDAAuD,EAAEC,gBAAgB,MAAM,EAAEC,mBAAmBJ,OAAO;AACrH,EAAE;AAEF,OAAO,MAAMK,aAAa,CAACP;IACzB,IAAIA,MAAM;QACR,OAAOA,KAAKG,IAAI,EAAE,CAAC,EAAE,EAAEK,iBAAiB;IAC1C;IACA,OAAO;AACT,EAAE"}

package/dist/utils/clipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../src/utils/clipboard.ts"],"names":[],"mappings":"AAAA,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,MAAM,2BAGrD"}

package/dist/utils/clipboard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/clipboard.ts"],"sourcesContent":["export async function copyTextToClipboard(text: string) {\n  if ('clipboard' in navigator) return await navigator.clipboard.writeText(text);\n  return document.execCommand('copy', true, text);\n}\n"],"names":["copyTextToClipboard","text","navigator","clipboard","writeText","document","execCommand"],"mappings":"AAAA,OAAO,eAAeA,oBAAoBC,IAAY;IACpD,IAAI,eAAeC,WAAW,OAAO,MAAMA,UAAUC,SAAS,CAACC,SAAS,CAACH;IACzE,OAAOI,SAASC,WAAW,CAAC,QAAQ,MAAML;AAC5C"}

package/dist/utils/cn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,EAAO,MAAM,MAAM,CAAC;AAG3C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/utils/cn.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/cn.ts"],"sourcesContent":["import {type ClassValue, clsx} from 'clsx';\nimport {twMerge} from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":["clsx","twMerge","cn","inputs"],"mappings":"AAAA,SAAyBA,IAAI,QAAO,OAAO;AAC3C,SAAQC,OAAO,QAAO,iBAAiB;AAEvC,OAAO,SAASC,GAAG,GAAGC,MAAoB;IACxC,OAAOF,QAAQD,KAAKG;AACtB"}

package/dist/utils/date.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,QAAQ,EAGb,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAElB,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAEhD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAElD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAE9C;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAEhE;AAED,MAAM,WAAW,gCAAgC;IAC/C;;iDAE6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,QAAQ,EAClB,OAAO,CAAC,EAAE,gCAAgC,GACzC,kBAAkB,CAcpB;AAoBD,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAMnE;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAM5E;AAID,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS,CAU9E"}

package/dist/utils/date.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/date.ts"],"sourcesContent":["import {\n  type Duration,\n  endOfDay,\n  formatDuration,\n  type NormalizedInterval,\n  startOfDay,\n  startOfMonth,\n  sub,\n} from 'date-fns';\n\nexport function isStartOfDay(date: Date): boolean {\n  return date.getTime() === startOfDay(date).getTime();\n}\n\nexport function isStartOfMonth(date: Date): boolean {\n  return date.getTime() === startOfMonth(date).getTime();\n}\n\nexport function isEndOfDay(date: Date): boolean {\n  return date.getTime() === endOfDay(date).getTime();\n}\n\nexport function humanizeDurationToNow(duration: Duration): string {\n  return `Past ${formatDuration(duration)}`;\n}\n\nexport interface IntervalToNowFromDurationOptions {\n  /** When set, if an interval is given in a precise unit, it will be rounded to full days\n   *  (ex: 1 day, will generate intervals from midnight (d-1) to midnight (d))\n   *  Does not apply to units lower than day */\n  attemptRounding?: boolean;\n}\n\nexport function intervalToNowFromDuration(\n  duration: Duration,\n  options?: IntervalToNowFromDurationOptions,\n): NormalizedInterval {\n  const now = new Date();\n  const interval = {\n    start: sub(now, duration),\n    end: now,\n  };\n  if (!options?.attemptRounding) return interval;\n  const units = Object.keys(duration);\n  if (units.length !== 1) return interval;\n  if (['hours', 'minutes', 'seconds'].includes(units[0])) return interval;\n  return {\n    start: startOfDay(interval.start),\n    end: endOfDay(interval.end),\n  };\n}\n\nconst DURATION_SHORTCUTS: Record<keyof Duration, string> = {\n  years: 'y',\n  months: 'mo',\n  weeks: 'w',\n  days: 'd',\n  hours: 'h',\n  minutes: 'm',\n  seconds: 's',\n};\n\nconst DURATION_SHORTCUTS_REVERSED: Record<string, keyof Duration> = Object.fromEntries(\n  Object.entries(DURATION_SHORTCUTS).map(([key, value]) => [value, key as keyof Duration]),\n);\n\nconst DURATION_SHORTCUT_REGEX = new RegExp(\n  `^(\\\\d+)(${Object.keys(DURATION_SHORTCUTS_REVERSED).join('|')})$`,\n);\n\nexport function generateDurationShortcut(duration: Duration): string {\n  const keys = Object.keys(duration) as (keyof Duration)[];\n  if (keys.length !== 1) return '';\n  const key = keys[0];\n  const value = duration[key];\n  return `${value}${DURATION_SHORTCUTS[key]}`;\n}\n\nexport function parseTextDurationShortcut(text: string): Duration | undefined {\n  const match = text.match(DURATION_SHORTCUT_REGEX);\n  if (!match) return;\n  const [_, value, shortcut] = match;\n  const unit = DURATION_SHORTCUTS_REVERSED[shortcut];\n  return {[unit]: Number.parseInt(value, 10)};\n}\n\nconst dateSplitterRefex = /[-\\u2013]/;\n\nexport function parseTextInterval(text: string): NormalizedInterval | undefined {\n  const durationShortcut = parseTextDurationShortcut(text);\n  if (durationShortcut) return intervalToNowFromDuration(durationShortcut);\n  const textDates = text.split(dateSplitterRefex).map((token) => token.trim());\n  if (textDates.length !== 2) return;\n  const start = new Date(textDates[0]);\n  const end = new Date(textDates[1]);\n  if (Number.isNaN(start.getTime())) return;\n  if (Number.isNaN(end.getTime())) return;\n  return {start, end};\n}\n"],"names":["endOfDay","formatDuration","startOfDay","startOfMonth","sub","isStartOfDay","date","getTime","isStartOfMonth","isEndOfDay","humanizeDurationToNow","duration","intervalToNowFromDuration","options","now","Date","interval","start","end","attemptRounding","units","Object","keys","length","includes","DURATION_SHORTCUTS","years","months","weeks","days","hours","minutes","seconds","DURATION_SHORTCUTS_REVERSED","fromEntries","entries","map","key","value","DURATION_SHORTCUT_REGEX","RegExp","join","generateDurationShortcut","parseTextDurationShortcut","text","match","_","shortcut","unit","Number","parseInt","dateSplitterRefex","parseTextInterval","durationShortcut","textDates","split","token","trim","isNaN"],"mappings":"AAAA,SAEEA,QAAQ,EACRC,cAAc,EAEdC,UAAU,EACVC,YAAY,EACZC,GAAG,QACE,WAAW;AAElB,OAAO,SAASC,aAAaC,IAAU;IACrC,OAAOA,KAAKC,OAAO,OAAOL,WAAWI,MAAMC,OAAO;AACpD;AAEA,OAAO,SAASC,eAAeF,IAAU;IACvC,OAAOA,KAAKC,OAAO,OAAOJ,aAAaG,MAAMC,OAAO;AACtD;AAEA,OAAO,SAASE,WAAWH,IAAU;IACnC,OAAOA,KAAKC,OAAO,OAAOP,SAASM,MAAMC,OAAO;AAClD;AAEA,OAAO,SAASG,sBAAsBC,QAAkB;IACtD,OAAO,CAAC,KAAK,EAAEV,eAAeU,WAAW;AAC3C;AASA,OAAO,SAASC,0BACdD,QAAkB,EAClBE,OAA0C;IAE1C,MAAMC,MAAM,IAAIC;IAChB,MAAMC,WAAW;QACfC,OAAOb,IAAIU,KAAKH;QAChBO,KAAKJ;IACP;IACA,IAAI,CAACD,SAASM,iBAAiB,OAAOH;IACtC,MAAMI,QAAQC,OAAOC,IAAI,CAACX;IAC1B,IAAIS,MAAMG,MAAM,KAAK,GAAG,OAAOP;IAC/B,IAAI;QAAC;QAAS;QAAW;KAAU,CAACQ,QAAQ,CAACJ,KAAK,CAAC,EAAE,GAAG,OAAOJ;IAC/D,OAAO;QACLC,OAAOf,WAAWc,SAASC,KAAK;QAChCC,KAAKlB,SAASgB,SAASE,GAAG;IAC5B;AACF;AAEA,MAAMO,qBAAqD;IACzDC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,SAAS;AACX;AAEA,MAAMC,8BAA8DZ,OAAOa,WAAW,CACpFb,OAAOc,OAAO,CAACV,oBAAoBW,GAAG,CAAC,CAAC,CAACC,KAAKC,MAAM,GAAK;QAACA;QAAOD;KAAsB;AAGzF,MAAME,0BAA0B,IAAIC,OAClC,CAAC,QAAQ,EAAEnB,OAAOC,IAAI,CAACW,6BAA6BQ,IAAI,CAAC,KAAK,EAAE,CAAC;AAGnE,OAAO,SAASC,yBAAyB/B,QAAkB;IACzD,MAAMW,OAAOD,OAAOC,IAAI,CAACX;IACzB,IAAIW,KAAKC,MAAM,KAAK,GAAG,OAAO;IAC9B,MAAMc,MAAMf,IAAI,CAAC,EAAE;IACnB,MAAMgB,QAAQ3B,QAAQ,CAAC0B,IAAI;IAC3B,OAAO,GAAGC,QAAQb,kBAAkB,CAACY,IAAI,EAAE;AAC7C;AAEA,OAAO,SAASM,0BAA0BC,IAAY;IACpD,MAAMC,QAAQD,KAAKC,KAAK,CAACN;IACzB,IAAI,CAACM,OAAO;IACZ,MAAM,CAACC,GAAGR,OAAOS,SAAS,GAAGF;IAC7B,MAAMG,OAAOf,2BAA2B,CAACc,SAAS;IAClD,OAAO;QAAC,CAACC,KAAK,EAAEC,OAAOC,QAAQ,CAACZ,OAAO;IAAG;AAC5C;AAEA,MAAMa,oBAAoB;AAE1B,OAAO,SAASC,kBAAkBR,IAAY;IAC5C,MAAMS,mBAAmBV,0BAA0BC;IACnD,IAAIS,kBAAkB,OAAOzC,0BAA0ByC;IACvD,MAAMC,YAAYV,KAAKW,KAAK,CAACJ,mBAAmBf,GAAG,CAAC,CAACoB,QAAUA,MAAMC,IAAI;IACzE,IAAIH,UAAU/B,MAAM,KAAK,GAAG;IAC5B,MAAMN,QAAQ,IAAIF,KAAKuC,SAAS,CAAC,EAAE;IACnC,MAAMpC,MAAM,IAAIH,KAAKuC,SAAS,CAAC,EAAE;IACjC,IAAIL,OAAOS,KAAK,CAACzC,MAAMV,OAAO,KAAK;IACnC,IAAI0C,OAAOS,KAAK,CAACxC,IAAIX,OAAO,KAAK;IACjC,OAAO;QAACU;QAAOC;IAAG;AACpB"}