@tlglobal/ui 2.0.0 → 2.0.1

package/dist/chunk-VONXCRR4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-VONXCRR4.cjs","../src/components/questionnaire/Questionnaire.jsx"],"names":["Option"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-VONXCRR4.cjs","sourcesContent":[null,"import React, { createContext, useContext, useId } from \"react\";\nimport { Check } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst QuestionnaireContext = createContext(null);\n\nfunction useQuestionnaire() {\n  const context = useContext(QuestionnaireContext);\n  if (!context) throw new Error(\"Questionnaire parts must be used within Questionnaire.Root\");\n  return context;\n}\n\n/*\n * The suggested-replies strip an assistant offers under a message. `multiple` decides both the\n * selection semantics and the ARIA contract: a single-select set is a radiogroup, a multi-select\n * set is a plain group of toggle buttons. Getting that wrong is the difference between a screen\n * reader saying \"1 of 4\" and saying nothing useful at all.\n */\nfunction Root({ multiple = false, className, children, ...props }) {\n  const promptId = useId();\n  return (\n    <QuestionnaireContext.Provider value={{ multiple, promptId }}>\n      <div\n        data-slot=\"questionnaire\"\n        className={cn(\"flex flex-col gap-2 font-sans\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </QuestionnaireContext.Provider>\n  );\n}\n\nfunction Prompt({ className, ...props }) {\n  const { promptId } = useQuestionnaire();\n  return (\n    <p\n      id={promptId}\n      data-slot=\"questionnaire-prompt\"\n      className={cn(\"text-sm text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Options({ className, ...props }) {\n  const { multiple, promptId } = useQuestionnaire();\n  return (\n    <div\n      role={multiple ? \"group\" : \"radiogroup\"}\n      aria-labelledby={promptId}\n      data-slot=\"questionnaire-options\"\n      className={cn(\"flex flex-wrap gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nconst Option = React.forwardRef(function Option(\n  { selected = false, disabled = false, className, children, ...props },\n  ref,\n) {\n  const { multiple } = useQuestionnaire();\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      disabled={disabled}\n      role={multiple ? undefined : \"radio\"}\n      // A multi-select chip is a toggle button (aria-pressed); a single-select one is a radio\n      // (aria-checked). Setting both, or the wrong one, makes the state unannounceable.\n      aria-pressed={multiple ? selected : undefined}\n      aria-checked={multiple ? undefined : selected}\n      data-slot=\"questionnaire-option\"\n      data-selected={selected || undefined}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        selected\n          ? \"border-accent bg-accent-100 font-medium text-accent-700\"\n          : \"border-border-default bg-bg-page text-text-primary hover:bg-bg-surface\",\n        className,\n      )}\n      {...props}\n    >\n      {selected && <Check size={14} className=\"shrink-0\" />}\n      {children}\n    </button>\n  );\n});\n\nexport const Questionnaire = { Root, Prompt, Options, Option };\n"]}

package/dist/chunk-XGCIOWNR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XGCIOWNR.cjs","../src/components/tooltip/Tooltip.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAwC;AAOhC,+CAAA;AAJD,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AAC9E,EAAA,uBACE,6BAAA,gBAAC,CAAa,QAAA,EAAb,EAAsB,aAAA,EAAe,GAAA,EACpC,QAAA,kBAAA,8BAAA,gBAAC,CAAa,IAAA,EAAb,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,gBAAC,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,IAAA,EAAE,SAAA,CAAS,CAAA;AAAA,oBACxC,6BAAA,gBAAC,CAAa,MAAA,EAAb,EACC,QAAA,kBAAA,8BAAA;AAAA,MAAC,gBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,IAAA;AAAA,QACA,UAAA,EAAY,CAAA;AAAA,QACZ,SAAA,EAAW,kCAAA;AAAA,UACT,4GAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,0BACD,6BAAA,gBAAC,CAAa,KAAA,EAAb,EAAmB,SAAA,EAAU,mBAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACnD,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,CAAA;AAEJ;ADIA;AACA;AACE;AACF,0BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XGCIOWNR.cjs","sourcesContent":[null,"import { Tooltip as RadixTooltip } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport function Tooltip({ label, children, side = \"top\", className, ...props }) {\n  return (\n    <RadixTooltip.Provider delayDuration={200}>\n      <RadixTooltip.Root>\n        <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            side={side}\n            sideOffset={6}\n            className={cn(\n              \"z-50 rounded-sm bg-neutral-900 px-[9px] py-[5px] font-sans text-xs font-medium text-text-inverse shadow-sm\",\n              className,\n            )}\n            {...props}\n          >\n            {label}\n            <RadixTooltip.Arrow className=\"fill-neutral-900\" />\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n}\n"]}

package/dist/chunk-XWMDE3D5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XWMDE3D5.cjs","../src/components/hover-card/HoverCard.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAA4C;AAMtC,+CAAA;AAHN,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,CAAA,EAAG,GAAG,MAAM,CAAA,EAAG;AAC1E,EAAA,uBACE,6BAAA,kBAAC,CAAe,MAAA,EAAf,EACC,QAAA,kBAAA,6BAAA;AAAA,IAAC,kBAAA,CAAe,OAAA;AAAA,IAAf;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,yFAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,EAAA,CACF,CAAA;AAEJ;AAEO,IAAM,UAAA,EAAY;AAAA,EACvB,IAAA,EAAM,kBAAA,CAAe,IAAA;AAAA,EACrB,OAAA,EAAS,kBAAA,CAAe,OAAA;AAAA,EACxB;AACF,CAAA;ADIA;AACA;AACE;AACF,8BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XWMDE3D5.cjs","sourcesContent":[null,"import { HoverCard as RadixHoverCard } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, align = \"center\", sideOffset = 8, ...props }) {\n  return (\n    <RadixHoverCard.Portal>\n      <RadixHoverCard.Content\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-72 rounded-lg border border-border-default bg-bg-page p-4 shadow-md outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </RadixHoverCard.Portal>\n  );\n}\n\nexport const HoverCard = {\n  Root: RadixHoverCard.Root,\n  Trigger: RadixHoverCard.Trigger,\n  Content,\n};\n"]}

package/dist/chunk-Y523KUML.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/icon-button/IconButton.jsx","../src/components/icon-button/IconButton.variants.js"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { iconButtonVariants } from \"./IconButton.variants.js\";\n\nexport const IconButton = React.forwardRef(function IconButton(\n  { variant, size, disabled, icon, className, type = \"button\", \"aria-label\": ariaLabel, ...props },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      className={cn(iconButtonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {icon}\n    </button>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const iconButtonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md transition-[background-color,border-color] duration-150 ease-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]\",\n  {\n    variants: {\n      variant: {\n        primary: \"border border-accent bg-accent text-text-inverse hover:bg-accent-hover\",\n        secondary: \"border border-border-strong bg-bg-page text-text-primary hover:bg-bg-surface\",\n        ghost: \"border border-transparent bg-transparent text-text-secondary hover:bg-bg-surface\",\n      },\n      size: {\n        sm: \"h-7 w-7\",\n        md: \"h-8.5 w-8.5\",\n        lg: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: { variant: \"ghost\", size: \"md\" },\n  },\n);\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;;;ACAlB,SAAS,WAAW;AAEb,IAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,SAAS,MAAM,KAAK;AAAA,EAClD;AACF;;;ADVI;AALG,IAAM,aAAa,MAAM,WAAW,SAASA,YAClD,EAAE,SAAS,MAAM,UAAU,MAAM,WAAW,OAAO,UAAU,cAAc,WAAW,GAAG,MAAM,GAC/F,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,WAAW,GAAG,mBAAmB,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["IconButton"]}

package/dist/chunk-YEH5VLWU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/drawer/Drawer.jsx"],"sourcesContent":["import { Drawer as VaulDrawer } from \"vaul\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, children, ...props }) {\n  return (\n    <VaulDrawer.Portal>\n      <VaulDrawer.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <VaulDrawer.Content\n        className={cn(\n          \"fixed inset-x-0 bottom-0 z-[100] mt-24 flex max-h-[85vh] flex-col rounded-t-lg border border-border-default bg-bg-page shadow-md\",\n          className,\n        )}\n        {...props}\n      >\n        <VaulDrawer.Handle className=\"mx-auto mt-3 h-1.5 w-10 shrink-0 rounded-full bg-border-strong\" />\n        <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n      </VaulDrawer.Content>\n    </VaulDrawer.Portal>\n  );\n}\n\nfunction Title({ className, ...props }) {\n  return <VaulDrawer.Title className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n}\n\nfunction Description({ className, ...props }) {\n  return (\n    <VaulDrawer.Description\n      className={cn(\"mt-2 text-base leading-relaxed text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Footer({ className, ...props }) {\n  return <div className={cn(\"mt-6 flex justify-end gap-2.5\", className)} {...props} />;\n}\n\nexport const Drawer = {\n  Root: VaulDrawer.Root,\n  Trigger: VaulDrawer.Trigger,\n  Close: VaulDrawer.Close,\n  Content,\n  Title,\n  Description,\n  Footer,\n};\n"],"mappings":";;;;;;AAAA,SAAS,UAAU,kBAAkB;AAM/B,cACA,YADA;AAHN,SAAS,QAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AAClD,SACE,qBAAC,WAAW,QAAX,EACC;AAAA,wBAAC,WAAW,SAAX,EAAmB,WAAU,2CAA0C;AAAA,IACxE;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,WAAW,QAAX,EAAkB,WAAU,kEAAiE;AAAA,UAC9F,oBAAC,SAAI,WAAU,4BAA4B,UAAS;AAAA;AAAA;AAAA,IACtD;AAAA,KACF;AAEJ;AAEA,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG;AACtC,SAAO,oBAAC,WAAW,OAAX,EAAiB,WAAW,GAAG,uCAAuC,SAAS,GAAI,GAAG,OAAO;AACvG;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAG;AAC5C,SACE;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAC5E,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,SAAO,oBAAC,SAAI,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AACpF;AAEO,IAAM,SAAS;AAAA,EACpB,MAAM,WAAW;AAAA,EACjB,SAAS,WAAW;AAAA,EACpB,OAAO,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}