@xjur-ui/react 2.2.3 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xjur-ui/react",
-  "version": "2.2.3",
+  "version": "2.3.0",
   "type": "module",
   "description": "React components for XJur Design System",
   "types": "dist/index.d.ts",
@@ -12,7 +12,7 @@
     "./logo": "./dist/components/logo.js",
     "./collapsible": "./dist/components/collapsible.js",
     "./accordion": "./dist/components/accordion.js",
-    "./list": "./dist/components/list.js",
+    "./list": "./dist/components/list/index.js",
     "./tabs": "./dist/components/tabs.js",
     "./tag": "./dist/components/tag.js",
     "./chip": "./dist/components/chip.js",
@@ -37,18 +37,19 @@
     "./button": "./dist/components/controls/button.js",
     "./calendar": "./dist/components/controls/calendar.js",
     "./checkbox": "./dist/components/controls/checkbox.js",
-    "./date-picker": "./dist/components/controls/date-picker.js",
-    "./input": "./dist/components/controls/input.js",
+    "./date-picker": "./dist/components/controls/date-picker/index.js",
+    "./input": "./dist/components/controls/input/index.js",
     "./otp-input": "./dist/components/controls/otp-input.js",
     "./radio": "./dist/components/controls/radio.js",
     "./rich-editor": "./dist/components/controls/rich-editor.js",
     "./search-input": "./dist/components/controls/search-input.js",
-    "./select": "./dist/components/controls/select.js",
+    "./select": "./dist/components/controls/select/index.js",
     "./switch": "./dist/components/controls/switch.js",
     "./slider": "./dist/components/controls/slider.js",
     "./rating": "./dist/components/controls/rating.js",
     "./pessoa": "./dist/components/custom/pessoa/index.js",
-    "./steps": "./dist/components/steps/index.js"
+    "./steps": "./dist/components/steps/index.js",
+    "./carousel": "./dist/components/carousel/index.js"
   },
   "files": [
     "dist",
@@ -77,7 +78,7 @@
     "@radix-ui/react-toast": "^1.2.15",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-input/mask": "^2.0.4",
-    "@react-input/number-format": "^2.0.3",
+    "@tanstack/react-virtual": "^3.13.12",
     "@tiptap/core": "^3.4.1",
     "@tiptap/extension-heading": "^3.3.0",
     "@tiptap/extension-placeholder": "^3.4.1",
@@ -85,7 +86,8 @@
     "@tiptap/starter-kit": "^3.3.0",
     "@xjur-ui/styles": "*",
     "@xjur-ui/util": "*",
-    "react-day-picker": "^9.9.0"
+    "react-day-picker": "^9.9.0",
+    "react-number-format": "^5.4.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/dist/chunk-6PHXO2YA.js

@@ -1,2 +0,0 @@
-import {a as a$2}from'./chunk-CBFC4QME.js';import {a,d,b as b$1,c,e as e$1}from'./chunk-YOLTIAFT.js';import {a as a$1}from'./chunk-EIG6CBTQ.js';import'react';import*as e from'@radix-ui/react-dropdown-menu';import {cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function x({...o}){return jsx(e.Root,{"data-slot":"dropdown-menu",...o})}function C({...o}){return jsx(e.Portal,{"data-slot":"dropdown-menu-portal",...o})}function R({...o}){return jsx(e.Trigger,{"data-slot":"dropdown-menu-trigger",...o})}function y({className:o,sideOffset:r=4,align:w="start",side:f="bottom",children:P,...c}){return jsx(e.Portal,{children:jsx(e.Content,{align:w,className:cx("group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-trigger-width)] min-w-[var(--radix-popover-trigger-width)]",o),"data-slot":"dropdown-menu-content",side:f,sideOffset:r,...c,children:jsx(a,{children:P})})})}function L({...o}){return jsx(d,{...o})}function T({...o}){return jsx(b$1,{...o})}function h({...o}){return jsx(c,{...o})}function H({className:o,...r}){return jsx(e$1,{className:cx(o,"cursor-pointer"),...r})}function I({...o}){return jsx(a$1,{...o})}function b({...o}){return jsx(a$2,{...o})}export{x as a,C as b,R as c,y as d,L as e,T as f,h as g,H as h,I as i,b as j};//# sourceMappingURL=chunk-6PHXO2YA.js.map
-//# sourceMappingURL=chunk-6PHXO2YA.js.map

package/dist/chunk-DTNZXDCY.js

@@ -1,2 +0,0 @@
-import {a as a$1}from'./chunk-JGPHBUVM.js';import {a,b}from'./chunk-2JQVYVAT.js';import {a as a$3,d,e,b as b$2,c}from'./chunk-YOLTIAFT.js';import {b as b$1}from'./chunk-DVDHTP4C.js';import {a as a$2}from'./chunk-EIG6CBTQ.js';import {tv,twMerge,twJoin}from'@xjur-ui/util';import {useMemo}from'react';import*as s from'@radix-ui/react-popover';import {jsx,jsxs}from'react/jsx-runtime';var w=tv({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}}),{wrapper:S,trigger:N,icon:L,caption:O,slotText:F,content:I}=w();function J({className:t,state:e="normal",defaultOpen:o,variant:n="normal",modal:i,open:a$1,onOpenChange:p,...c}){return jsx(s.Root,{defaultOpen:o,modal:i,open:a$1,onOpenChange:p,children:jsx(a.Provider,{value:{state:e,variant:n},children:jsx("div",{className:S({className:t,state:e}),...c})})})}function _({className:t,...e}){let{state:o,variant:n}=b(),i=tv({base:["group bg-layer-2-idle"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=twMerge(N({state:o,className:t}),n==="filter"&&i({state:o,className:t}));return jsx(s.Trigger,{className:a,disabled:o==="disabled",...e})}function q({className:t,name:e,...o}){let{state:n}=b();return jsx("div",{className:L({className:t,state:n}),"data-slot":"control-slot",...o,children:jsx(b$1,{name:e})})}function B({className:t,displayValue:e="",value:o,placeholder:n,...i}){let{variant:a}=b(),p=useMemo(()=>a==="filter"?e:e||n,[e,n,a]);return jsxs("div",{className:"grid w-full items-center",children:[n&&a==="filter"&&jsx(a$1,{children:n}),n&&a==="filter"&&jsx(a$2,{className:"invisible col-start-1 row-start-1 self-center",children:n}),jsx(a$2,{className:"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x z-10 col-start-1 row-start-1 self-center text-left",children:p}),jsx("input",{...i,"aria-readonly":true,className:twJoin("pointer-events-none",t),hidden:true,placeholder:" ",readOnly:true,value:o??""})]})}function D({className:t,value:e,placeholder:o,children:n,...i}){let{variant:a}=b(),p=useMemo(()=>a==="filter"?false:Array.isArray(e)&&e.length===0&&o,[e,o,a]),c=useMemo(()=>Array.isArray(e)&&e.length>0,[e]);return jsxs("div",{className:twMerge(t,"gap-small-1x scrollbar-hide flex w-full overflow-x-hidden","group-disabled:!pl-0"),children:[o&&a==="filter"&&jsx(a$1,{children:o}),o&&a==="filter"&&!c&&jsx(a$2,{className:"invisible",children:o}),p&&jsx(a$2,{className:"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x",children:o}),n,jsx("input",{...i,"aria-readonly":true,className:twMerge(t,"pointer-events-none"),hidden:true,placeholder:c?"":" ",readOnly:true,value:Array.isArray(e)?e.join(","):e})]})}function E({className:t,sideOffset:e=5,side:o="bottom",align:n="start",children:i,...a}){let{state:p}=b();return jsx(s.Portal,{children:jsx(s.Content,{align:n,className:I({className:t,state:p}),side:o,sideOffset:e,...a,children:jsx(a$3,{children:i})})})}function G({className:t,...e}){let{state:o}=b();return jsx("p",{className:O({className:t,state:o}),...e})}function K({className:t,...e}){let{state:o}=b();return jsx("span",{className:F({className:t,state:o}),...e})}function Q(t){return jsx(d,{...t})}function U({className:t,...e$1}){return jsx(e,{className:twMerge(t,"cursor-pointer"),...e$1})}function W(t){return jsx(a$2,{...t})}function X(t){return jsx(b$2,{...t})}function Y(t){return jsx(c,{...t})}export{w as a,J as b,_ as c,q as d,B as e,D as f,E as g,G as h,K as i,Q as j,U as k,W as l,X as m,Y as n};//# sourceMappingURL=chunk-DTNZXDCY.js.map
-//# sourceMappingURL=chunk-DTNZXDCY.js.map

package/dist/chunk-DTNZXDCY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/controls/select.tsx"],"names":["select","tv","wrapper","trigger","icon","caption","slotText","content","SelectRoot","className","state","defaultOpen","variant","modal","open","handleOpenChange","props","jsx","FieldContext","SelectTrigger","useFieldContext","filterTrigger","mergedClassName","twMerge","SelectIcon","name","Icon","SelectValue","displayValue","value","placeholder","valueOrPlaceholder","useMemo","jsxs","FloatingLabel","Typography","twJoin","SelectMultiValue","children","shouldShowPlaceholder","hasSelectedItems","SelectContent","sideOffset","side","align","ListRoot","SelectCaption","SelectSlot","SelectOptions","ListContent","SelectOption","ListItem","SelectOptionText","SelectHeader","ListHeader","SelectHeaderTitle","ListHeaderTitle"],"mappings":"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","file":"chunk-DTNZXDCY.js","sourcesContent":["import { tv, twJoin, twMerge } from '@xjur-ui/util'\nimport { useMemo, type ComponentProps } from 'react'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport { Icon, type IconType } from '../icon'\nimport { Typography } from '../typography'\nimport {\n  ListHeaderTitle,\n  ListHeader,\n  ListContent,\n  ListItem,\n  ListRoot\n} from '../list'\nimport {\n  FieldContext,\n  useFieldContext,\n  type FieldContextValue\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const select = tv({\n  slots: {\n    wrapper: 'group flex flex-col gap-small-2x',\n    trigger: [\n      'h-large-4x w-auto inline-flex cursor-pointer relative',\n      'items-center gap-small rounded-small-1x',\n      'py-small_1x-alt px-small',\n      'bg-layer-2-idle border border-border-layer-2',\n      'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n      'transition-all duration-200'\n    ],\n    content: [\n      'group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]'\n    ],\n    icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n    slotText:\n      'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n    caption: '!text-size-body-sm font-normal'\n  },\n  variants: {\n    state: {\n      normal: {\n        trigger:\n          'hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle'\n      },\n      error: {\n        trigger:\n          'border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle',\n        caption: 'text-danger-label-idle'\n      },\n      disabled: {\n        trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n      }\n    }\n  }\n})\n\nconst { wrapper, trigger, icon, caption, slotText, content } = select()\n\nexport function SelectRoot({\n  className,\n  state = 'normal',\n  defaultOpen,\n  variant = 'normal',\n  modal,\n  open,\n  onOpenChange: handleOpenChange,\n  ...props\n}: ComponentProps<'div'> &\n  FieldContextValue &\n  ComponentProps<typeof RadixPopover.Root>) {\n  return (\n    <RadixPopover.Root\n      defaultOpen={defaultOpen}\n      modal={modal}\n      open={open}\n      onOpenChange={handleOpenChange}\n    >\n      <FieldContext.Provider value={{ state, variant }}>\n        <div className={wrapper({ className, state })} {...props} />\n      </FieldContext.Provider>\n    </RadixPopover.Root>\n  )\n}\n\nexport function SelectTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof RadixPopover.Trigger>) {\n  const { state, variant } = useFieldContext()\n\n  const filterTrigger = tv({\n    base: ['group bg-layer-2-idle'],\n    variants: {\n      state: {\n        normal: [\n          'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n        ],\n        error: ['border-danger-idle hover:border-danger-idle'],\n        disabled: ['border border-border-layer-2 opacity-60']\n      }\n    }\n  })\n\n  const mergedClassName = twMerge(\n    trigger({ state, className }),\n    variant === 'filter' && filterTrigger({ state, className })\n  )\n\n  return (\n    <RadixPopover.Trigger\n      className={mergedClassName}\n      disabled={state === 'disabled'}\n      {...props}\n    />\n  )\n}\n\nexport function SelectIcon({\n  className,\n  name,\n  ...props\n}: ComponentProps<'div'> & {\n  name: IconType\n}) {\n  const { state } = useFieldContext()\n\n  return (\n    <div\n      className={icon({ className, state })}\n      data-slot=\"control-slot\"\n      {...props}\n    >\n      <Icon name={name} />\n    </div>\n  )\n}\n\nexport function SelectValue({\n  className,\n  displayValue = '',\n  value,\n  placeholder,\n  ...props\n}: ComponentProps<'input'> & { displayValue?: string }) {\n  const { variant } = useFieldContext()\n\n  const valueOrPlaceholder = useMemo(() => {\n    if (variant === 'filter') return displayValue\n    return displayValue || placeholder\n  }, [displayValue, placeholder, variant])\n\n  return (\n    <div className=\"grid w-full items-center\">\n      {placeholder && variant === 'filter' && (\n        <FloatingLabel>{placeholder}</FloatingLabel>\n      )}\n\n      {placeholder && variant === 'filter' && (\n        <Typography className=\"invisible col-start-1 row-start-1 self-center\">\n          {placeholder}\n        </Typography>\n      )}\n\n      <Typography className=\"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x z-10 col-start-1 row-start-1 self-center text-left\">\n        {valueOrPlaceholder}\n      </Typography>\n\n      <input\n        {...props}\n        aria-readonly={true}\n        className={twJoin('pointer-events-none', className)}\n        hidden={true}\n        placeholder={' '}\n        readOnly={true}\n        value={value ?? ''}\n      />\n    </div>\n  )\n}\n\nexport function SelectMultiValue({\n  className,\n  value,\n  placeholder,\n  children,\n  ...props\n}: ComponentProps<'input'>) {\n  const { variant } = useFieldContext()\n\n  const shouldShowPlaceholder = useMemo(() => {\n    if (variant === 'filter') return false\n    return Array.isArray(value) && value.length === 0 && placeholder\n  }, [value, placeholder, variant])\n\n  const hasSelectedItems = useMemo(() => {\n    return Array.isArray(value) && value.length > 0\n  }, [value])\n\n  return (\n    <div\n      className={twMerge(\n        className,\n        'gap-small-1x scrollbar-hide flex w-full overflow-x-hidden',\n        'group-disabled:!pl-0'\n      )}\n    >\n      {placeholder && variant === 'filter' && (\n        <FloatingLabel>{placeholder}</FloatingLabel>\n      )}\n\n      {placeholder && variant === 'filter' && !hasSelectedItems && (\n        <Typography className=\"invisible\">{placeholder}</Typography>\n      )}\n\n      {shouldShowPlaceholder && (\n        <Typography className=\"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x\">\n          {placeholder}\n        </Typography>\n      )}\n\n      {children}\n\n      <input\n        {...props}\n        aria-readonly={true}\n        className={twMerge(className, 'pointer-events-none')}\n        hidden={true}\n        placeholder={hasSelectedItems ? '' : ' '}\n        readOnly={true}\n        value={Array.isArray(value) ? value.join(',') : value}\n      />\n    </div>\n  )\n}\n\nexport function SelectContent({\n  className,\n  sideOffset = 5,\n  side = 'bottom',\n  align = 'start',\n  children,\n  ...props\n}: ComponentProps<typeof RadixPopover.Content>) {\n  const { state } = useFieldContext()\n\n  return (\n    <RadixPopover.Portal>\n      <RadixPopover.Content\n        align={align}\n        className={content({ className, state })}\n        side={side}\n        sideOffset={sideOffset}\n        {...props}\n      >\n        <ListRoot>{children}</ListRoot>\n      </RadixPopover.Content>\n    </RadixPopover.Portal>\n  )\n}\n\nexport function SelectCaption({ className, ...props }: ComponentProps<'p'>) {\n  const { state } = useFieldContext()\n  return <p className={caption({ className, state })} {...props} />\n}\n\nexport function SelectSlot({ className, ...props }: ComponentProps<'span'>) {\n  const { state } = useFieldContext()\n  return <span className={slotText({ className, state })} {...props} />\n}\n\nexport function SelectOptions(props: ComponentProps<typeof ListContent>) {\n  return <ListContent {...props} />\n}\n\nexport function SelectOption({\n  className,\n  ...props\n}: ComponentProps<typeof ListItem>) {\n  return (\n    <ListItem className={twMerge(className, 'cursor-pointer')} {...props} />\n  )\n}\n\nexport function SelectOptionText(props: ComponentProps<typeof Typography>) {\n  return <Typography {...props} />\n}\n\nexport function SelectHeader(props: ComponentProps<typeof ListHeader>) {\n  return <ListHeader {...props} />\n}\n\nexport function SelectHeaderTitle(\n  props: ComponentProps<typeof ListHeaderTitle>\n) {\n  return <ListHeaderTitle {...props} />\n}\n"]}

package/dist/chunk-JGPHBUVM.js

@@ -1,2 +0,0 @@
-import {b}from'./chunk-2JQVYVAT.js';import {tv}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function d({className:a,htmlFor:e,children:l,...n}){let{state:s}=b(),r=tv({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-slot]]:left-large-4x","group-has-[div[data-slot=control-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return jsx("label",{className:r({className:a,state:s}),htmlFor:e,...n,children:jsx("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:l})})}export{d as a};//# sourceMappingURL=chunk-JGPHBUVM.js.map
-//# sourceMappingURL=chunk-JGPHBUVM.js.map

package/dist/chunk-MTIWFWRN.js

@@ -1,2 +0,0 @@
-import {b}from'./chunk-SXGSWVMZ.js';import {b as b$1,c,e,d,g,j,k,l}from'./chunk-DTNZXDCY.js';import {useMemo}from'react';import {jsx,jsxs}from'react/jsx-runtime';var s=[{name:"M\xEAs",value:"month"},{name:"Semana",value:"week"},{name:"Dia",value:"day"}];function V(){let{calendarView:l$1,handleChangeView:S}=b(),v=useMemo(()=>s.find(e=>e.value===l$1)?.name,[l$1]);return jsx("div",{className:"w-[94px]",children:jsxs(b$1,{children:[jsxs(c,{children:[jsx(e,{displayValue:v,name:"calendar-toggle-view",value:l$1}),jsx(d,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]}),jsx(g,{children:jsx(j,{children:s.map(e=>jsx(k,{isActive:l$1===e.value,value:e.value,onClick:()=>S(e.value),children:jsx(l,{children:e.name})},e.value))})})]})})}export{V as a};//# sourceMappingURL=chunk-MTIWFWRN.js.map
-//# sourceMappingURL=chunk-MTIWFWRN.js.map

package/dist/chunk-TQWBQ452.js

@@ -1,2 +0,0 @@
-import {a as a$2}from'./chunk-PBR7SFWY.js';import {a as a$1}from'./chunk-JGPHBUVM.js';import {a,b}from'./chunk-2JQVYVAT.js';import {a as a$3}from'./chunk-CBFC4QME.js';import {b as b$1}from'./chunk-DVDHTP4C.js';import {tv,twMerge}from'@xjur-ui/util';import {InputMask}from'@react-input/mask';import {InputNumberFormat}from'@react-input/number-format';import {jsx,jsxs}from'react/jsx-runtime';var y=tv({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}}),{wrapper:h,trigger:I,content:C,value:p,icon:N,caption:w,action:P,slotText:k}=y();function R({className:e,state:t="normal",customMask:r,variant:n="normal",mask:a$1,...l}){return jsx(a.Provider,{value:{state:t,customMask:r,mask:a$1,variant:n},children:jsx("div",{className:h({className:e,state:t}),...l})})}function S({className:e,...t}){let{state:r}=b();return jsx("div",{className:C({className:e,state:r}),...t})}function V(e){return jsx(a$1,{...e})}function B({className:e,...t}){let{state:r,variant:n}=b(),a=tv({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),l=twMerge(I({state:r,className:e}),n==="filter"&&a({state:r,className:e}));return jsx("div",{"aria-disabled":r==="disabled",className:l,...t})}function q({className:e,placeholder:t,...r}){let{customMask:n,state:a,mask:l,variant:d}=b();return jsx(InputMask,{...r,...l?{...a$2(l)}:n&&{...n},className:p({className:e,state:a}),disabled:a==="disabled",placeholder:d==="filter"?" ":t,readOnly:a==="disabled"})}function E({className:e,placeholder:t,...r}){let{state:n,variant:a}=b();return jsx("input",{...r,className:p({className:e,state:n}),disabled:n==="disabled",placeholder:a==="filter"?" ":t,readOnly:n==="disabled"})}function G({className:e,locales:t="pt-BR",placeholder:r,groupDisplay:n=false,...a}){let{state:l,variant:d}=b();return jsx(InputNumberFormat,{...a,className:p({className:e,state:l}),disabled:l==="disabled",groupDisplay:n,locales:t,placeholder:d==="filter"?" ":r,readOnly:l==="disabled"})}function H({className:e,name:t,...r}){let{state:n}=b();return jsx("div",{className:N({className:e,state:n}),"data-slot":"control-slot",...r,children:jsx(b$1,{name:t})})}function J({className:e,...t}){let{state:r}=b();return jsx("span",{className:k({className:e,state:r}),...t})}function K({className:e,...t}){let{state:r}=b();return jsx("p",{className:w({className:e,state:r}),...t})}function F({className:e,...t}){let{state:r}=b();return jsx("div",{className:P({className:e,state:r}),"data-slot":"input-action-slot",...t})}function Q({handleIncrement:e,handleDecrement:t}){return jsxs(F,{className:"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border",children:[jsx("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:e,children:jsx(b$1,{className:"text-icon-neutral-3",name:"keyboard_arrow_up"})}),jsx(a$3,{}),jsx("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:t,children:jsx(b$1,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})})]})}export{y as a,R as b,S as c,V as d,B as e,q as f,E as g,G as h,H as i,J as j,K as k,F as l,Q as m};//# sourceMappingURL=chunk-TQWBQ452.js.map
-//# sourceMappingURL=chunk-TQWBQ452.js.map

package/dist/chunk-TQWBQ452.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/controls/input.tsx"],"names":["input","tv","wrapper","trigger","content","value","icon","caption","action","slotText","InputRoot","className","state","customMask","variant","mask","props","jsx","FieldContext","InputContent","useFieldContext","InputLabel","FloatingLabel","InputTrigger","filterTrigger","mergedClassName","twMerge","InputMask","placeholder","InputMaskComponent","inputMask","InputText","InputNumber","locales","groupDisplay","InputNumberFormat","InputIcon","name","Icon","InputSlot","InputCaption","InputAction","InputNumericStepper","handleIncrement","handleDecrement","jsxs","Divider"],"mappings":"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","file":"chunk-TQWBQ452.js","sourcesContent":["import { tv, twMerge } from '@xjur-ui/util'\nimport type { ComponentProps } from 'react'\nimport { InputMask as InputMaskComponent } from '@react-input/mask'\nimport {\n  InputNumberFormat,\n  type InputNumberFormatProps\n} from '@react-input/number-format'\nimport { Icon, type IconType } from '../icon'\nimport { inputMask } from '../../resources/input-mask'\nimport { Divider } from '../divider'\nimport {\n  type FieldContextValue,\n  FieldContext,\n  useFieldContext\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const input = tv({\n  slots: {\n    wrapper: 'group flex flex-col gap-small-2x',\n    trigger: [\n      'h-large-4x relative',\n      'inline-flex w-auto items-center gap-small rounded-small-1x',\n      'py-small_1x-alt px-small',\n      'bg-layer-2-hover border border-transparent',\n      'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n      'transition-all duration-200'\n    ],\n    content: 'flex w-full',\n    value:\n      'text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none',\n    icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n    slotText:\n      'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n    caption: '!text-size-body-sm font-normal',\n    action: 'h-large-4x overflow-hidden'\n  },\n  variants: {\n    state: {\n      normal: {\n        trigger:\n          'hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle'\n      },\n      error: {\n        trigger:\n          'border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle',\n        caption: 'text-danger-label-idle'\n      },\n      disabled: {\n        trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n      }\n    }\n  }\n})\n\nconst { wrapper, trigger, content, value, icon, caption, action, slotText } =\n  input()\n\nexport function InputRoot({\n  className,\n  state = 'normal',\n  customMask,\n  variant = 'normal',\n  mask,\n  ...props\n}: ComponentProps<'div'> & FieldContextValue) {\n  return (\n    <FieldContext.Provider value={{ state, customMask, mask, variant }}>\n      <div className={wrapper({ className, state })} {...props} />\n    </FieldContext.Provider>\n  )\n}\n\nexport function InputContent({ className, ...props }: ComponentProps<'div'>) {\n  const { state } = useFieldContext()\n  return <div className={content({ className, state })} {...props} />\n}\n\nexport function InputLabel(props: ComponentProps<typeof FloatingLabel>) {\n  return <FloatingLabel {...props} />\n}\n\nexport function InputTrigger({ className, ...props }: ComponentProps<'div'>) {\n  const { state, variant } = useFieldContext()\n\n  const filterTrigger = tv({\n    base: ['group bg-layer-2-idle relative'],\n    variants: {\n      state: {\n        normal: [\n          'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n        ],\n        error: ['border-danger-idle hover:border-danger-idle'],\n        disabled: ['border border-border-layer-2 opacity-60']\n      }\n    }\n  })\n\n  const mergedClassName = twMerge(\n    trigger({ state, className }),\n    variant === 'filter' && filterTrigger({ state, className })\n  )\n\n  return (\n    <div\n      aria-disabled={state === 'disabled'}\n      className={mergedClassName}\n      {...props}\n    />\n  )\n}\n\nexport function InputMask({\n  className,\n  placeholder,\n  ...props\n}: ComponentProps<'input'>) {\n  const { customMask, state, mask, variant } = useFieldContext()\n\n  return (\n    <InputMaskComponent\n      {...props}\n      {...(mask ? { ...inputMask(mask) } : customMask && { ...customMask })}\n      className={value({ className, state })}\n      disabled={state === 'disabled'}\n      placeholder={variant === 'filter' ? ' ' : placeholder}\n      readOnly={state === 'disabled'}\n    />\n  )\n}\n\nexport function InputText({\n  className,\n  placeholder,\n  ...props\n}: ComponentProps<'input'>) {\n  const { state, variant } = useFieldContext()\n\n  return (\n    <input\n      {...props}\n      className={value({ className, state })}\n      disabled={state === 'disabled'}\n      placeholder={variant === 'filter' ? ' ' : placeholder}\n      readOnly={state === 'disabled'}\n    />\n  )\n}\n\nexport function InputNumber({\n  className,\n  locales = 'pt-BR',\n  placeholder,\n  groupDisplay = false,\n  ...props\n}: InputNumberFormatProps) {\n  const { state, variant } = useFieldContext()\n\n  return (\n    <InputNumberFormat\n      {...props}\n      className={value({ className, state })}\n      disabled={state === 'disabled'}\n      groupDisplay={groupDisplay}\n      locales={locales}\n      placeholder={variant === 'filter' ? ' ' : placeholder}\n      readOnly={state === 'disabled'}\n    />\n  )\n}\n\nexport function InputIcon({\n  className,\n  name,\n  ...props\n}: ComponentProps<'div'> & {\n  name: IconType\n}) {\n  const { state } = useFieldContext()\n\n  return (\n    <div\n      className={icon({ className, state })}\n      data-slot=\"control-slot\"\n      {...props}\n    >\n      <Icon name={name} />\n    </div>\n  )\n}\n\nexport function InputSlot({ className, ...props }: ComponentProps<'span'>) {\n  const { state } = useFieldContext()\n  return <span className={slotText({ className, state })} {...props} />\n}\n\nexport function InputCaption({ className, ...props }: ComponentProps<'p'>) {\n  const { state } = useFieldContext()\n  return <p className={caption({ className, state })} {...props} />\n}\n\nexport function InputAction({ className, ...props }: ComponentProps<'div'>) {\n  const { state } = useFieldContext()\n  return (\n    <div\n      className={action({ className, state })}\n      data-slot=\"input-action-slot\"\n      {...props}\n    />\n  )\n}\n\nexport function InputNumericStepper({\n  handleIncrement,\n  handleDecrement\n}: {\n  handleIncrement: () => void\n  handleDecrement: () => void\n}) {\n  return (\n    <InputAction className=\"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border\">\n      <button\n        className=\"flex h-1/2 items-center justify-center\"\n        type=\"button\"\n        onClick={handleIncrement}\n      >\n        <Icon className=\"text-icon-neutral-3\" name=\"keyboard_arrow_up\" />\n      </button>\n\n      <Divider />\n\n      <button\n        className=\"flex h-1/2 items-center justify-center\"\n        type=\"button\"\n        onClick={handleDecrement}\n      >\n        <Icon className=\"text-icon-neutral-3\" name=\"keyboard_arrow_down\" />\n      </button>\n    </InputAction>\n  )\n}\n"]}

package/dist/chunk-XGPKBYDY.js

@@ -1,2 +0,0 @@
-import {a as a$1}from'./chunk-PBR7SFWY.js';import {b}from'./chunk-M6ZI7M3R.js';import {a}from'./chunk-EIG6CBTQ.js';import {cx,cva}from'@xjur-ui/util';import {createContext}from'react';import {InputMask}from'@react-input/mask';import {InputNumberFormat}from'@react-input/number-format';import {jsx}from'react/jsx-runtime';var i=createContext({variant:"outlined"});function C({className:e,variant:t="outlined",...o}){return jsx(i.Provider,{value:{variant:t},children:jsx("div",{className:cx("relative flex",e),...o})})}function P({className:e,...t}){let o=cva(["gap-small py-small_1x-alt px-small flex items-center w-full","h-large-4x rounded-circle","border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal","group-hover:border-border-layer-3 transition-colors duration-200","disabled:opacity-60","focus-within:border-primary-idle"],{variants:{variant:{outlined:"rounded-circle focus-within:border-primary-idle ",line:"rounded-none border-t-0 border-b-1 border-x-0",action:"rounded-tr-none rounded-br-none border-r-0"}}});return jsx(i.Consumer,{children:({variant:n})=>jsx("div",{className:cx(e,o({variant:n})),"data-variant":n,...t})})}function S({htmlFor:e,...t}){return jsx(a,{asChild:true,className:cx("absolute -top-[22px] left-0"),size:"sm",variant:"label",weight:"medium",children:jsx("label",{htmlFor:e,...t})})}function N({className:e,...t}){return jsx("input",{className:cx(e,"flex-1 outline-none"),...t})}function g({className:e,mask:t,customMask:o,...n}){return jsx(InputMask,{...t?{...a$1(t)}:o&&{...o},className:cx(e,"flex-1 outline-none"),...n})}function k({className:e,locales:t="pt-BR",groupDisplay:o=false,...n}){return jsx(InputNumberFormat,{className:cx(e,"flex-1 outline-none"),groupDisplay:o,locales:t,...n})}function M(e){return jsx("div",{...e,"data-slot":"search-input-slot"})}function R({className:e,appearance:t="ghost",variant:o="outlined",...n}){return jsx(b,{...n,appearance:t,className:cx(e,"cursor-pointer","h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex items-center justify-center rounded-none","text-size-body-md text-neutral-dark gap-small-1x !border-l-0"),"data-slot":"search-input-action",variant:o})}export{C as a,P as b,S as c,N as d,g as e,k as f,M as g,R as h};//# sourceMappingURL=chunk-XGPKBYDY.js.map
-//# sourceMappingURL=chunk-XGPKBYDY.js.map

package/dist/chunk-XGPKBYDY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/controls/search-input.tsx"],"names":["SearchInputRootContext","createContext","SearchInputRoot","className","variant","props","jsx","cx","SearchInputContent","contentVarians","cva","SearchInputLabel","htmlFor","Typography","SearchInputText","SearchInputMask","mask","customMask","InputMaskComponent","inputMask","SearchInputNumber","locales","groupDisplay","InputNumberFormat","SearchInputSlot","SearchInputAction","appearance","Button"],"mappings":"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","file":"chunk-XGPKBYDY.js","sourcesContent":["import { cva, cx } from '@xjur-ui/util'\nimport { createContext, type ComponentProps } from 'react'\nimport {\n  InputMask as InputMaskComponent,\n  type MaskOptions\n} from '@react-input/mask'\nimport {\n  InputNumberFormat,\n  type InputNumberFormatProps\n} from '@react-input/number-format'\nimport { Typography } from '../typography'\nimport { inputMask, type InputMaskType } from '../../resources/input-mask'\nimport { Button, type ButtonProps } from './button'\n\nexport type SearchInputProps = {\n  variant?: 'outlined' | 'line' | 'action'\n}\n\nconst SearchInputRootContext = createContext<SearchInputProps>({\n  variant: 'outlined'\n})\n\nexport function SearchInputRoot({\n  className,\n  variant = 'outlined',\n  ...props\n}: ComponentProps<'div'> & SearchInputProps) {\n  return (\n    <SearchInputRootContext.Provider value={{ variant }}>\n      <div className={cx('relative flex', className)} {...props} />\n    </SearchInputRootContext.Provider>\n  )\n}\n\nexport function SearchInputContent({\n  className,\n  ...props\n}: ComponentProps<'div'>) {\n  const contentVarians = cva(\n    [\n      'gap-small py-small_1x-alt px-small flex items-center w-full',\n      'h-large-4x rounded-circle',\n      'border-border-layer-2 placeholder:placeholder-neutral-placeholder text-size-body-md text-neutral-dark border font-normal',\n      'group-hover:border-border-layer-3 transition-colors duration-200',\n      'disabled:opacity-60',\n      'focus-within:border-primary-idle'\n    ],\n    {\n      variants: {\n        variant: {\n          outlined: 'rounded-circle focus-within:border-primary-idle ',\n          line: 'rounded-none border-t-0 border-b-1 border-x-0',\n          action: 'rounded-tr-none rounded-br-none border-r-0'\n        }\n      }\n    }\n  )\n\n  return (\n    <SearchInputRootContext.Consumer>\n      {({ variant }) => (\n        <div\n          className={cx(className, contentVarians({ variant }))}\n          data-variant={variant}\n          {...props}\n        />\n      )}\n    </SearchInputRootContext.Consumer>\n  )\n}\n\nexport function SearchInputLabel({\n  htmlFor,\n  ...props\n}: ComponentProps<'label'>) {\n  return (\n    <Typography\n      asChild={true}\n      className={cx('absolute -top-[22px] left-0')}\n      size=\"sm\"\n      variant=\"label\"\n      weight=\"medium\"\n    >\n      <label htmlFor={htmlFor} {...props} />\n    </Typography>\n  )\n}\n\nexport function SearchInputText({\n  className,\n  ...props\n}: ComponentProps<'input'>) {\n  return <input className={cx(className, 'flex-1 outline-none')} {...props} />\n}\n\nexport function SearchInputMask({\n  className,\n  mask,\n  customMask,\n  ...props\n}: ComponentProps<'input'> & {\n  mask?: InputMaskType\n  customMask?: MaskOptions\n}) {\n  return (\n    <InputMaskComponent\n      {...(mask ? { ...inputMask(mask) } : customMask && { ...customMask })}\n      className={cx(className, 'flex-1 outline-none')}\n      {...props}\n    />\n  )\n}\n\nexport function SearchInputNumber({\n  className,\n  locales = 'pt-BR',\n  groupDisplay = false,\n  ...props\n}: InputNumberFormatProps) {\n  return (\n    <InputNumberFormat\n      className={cx(className, 'flex-1 outline-none')}\n      groupDisplay={groupDisplay}\n      locales={locales}\n      {...props}\n    />\n  )\n}\n\nexport function SearchInputSlot(props: ComponentProps<'div'>) {\n  return <div {...props} data-slot=\"search-input-slot\" />\n}\n\nexport function SearchInputAction({\n  className,\n  appearance = 'ghost',\n  variant = 'outlined',\n  ...props\n}: ButtonProps) {\n  return (\n    <Button\n      {...props}\n      appearance={appearance}\n      className={cx(\n        className,\n        'cursor-pointer',\n        'h-large-4x rounded-tr-circle rounded-br-circle px-small py-small_1x-alt flex items-center justify-center rounded-none',\n        'text-size-body-md text-neutral-dark gap-small-1x !border-l-0'\n      )}\n      data-slot=\"search-input-action\"\n      variant={variant}\n    />\n  )\n}\n"]}

package/dist/chunk-YOLTIAFT.js

@@ -1,2 +0,0 @@
-import {a}from'./chunk-EIG6CBTQ.js';import {Slot}from'@radix-ui/react-slot';import {cva,cx}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function y({className:e,asChild:o,...a}){return jsx(o?Slot:"div",{...a,className:cx(e,"rounded-small scrollbar-hide bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border")})}function x({className:e,asChild:o,...a}){return jsx(o?Slot:"div",{...a,className:cx(e,"px-small pt-small-1x")})}function C({variant:e="label",size:o="sm",weight:a$1="medium",className:r,...i}){return jsx(a,{className:cx(r,"text-neutral-placeholder"),size:o,variant:e,weight:a$1,...i})}function h({className:e,asChild:o,...a}){return jsx(o?Slot:"ul",{...a,className:cx("gap-small-1x p-small flex flex-col",e)})}var m=cva(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:false}});function b({className:e,size:o,isActive:a,asChild:r,...i}){return jsx(r?Slot:"li",{...i,className:cx(m({size:o,isActive:a}),e)})}export{y as a,x as b,C as c,h as d,b as e};//# sourceMappingURL=chunk-YOLTIAFT.js.map
-//# sourceMappingURL=chunk-YOLTIAFT.js.map

package/dist/chunk-YOLTIAFT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/list.tsx"],"names":["ListRoot","className","asChild","props","jsx","Slot","cx","ListHeader","ListHeaderTitle","variant","size","weight","Typography","ListContent","variants","cva","ListItem","isActive"],"mappings":"mJAKO,SAASA,EAAS,CACvB,SAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAEG,CAGD,OACEC,GAAAA,CAHWF,CAAAA,CAAUG,KAAO,KAAA,CAG3B,CACE,GAAGF,CAAAA,CACJ,SAAA,CAAWG,GACTL,CAAAA,CACA,6IACF,EACF,CAEJ,CAEO,SAASM,CAAAA,CAAW,CACzB,UAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAEG,CAED,OAAOC,GAAAA,CADMF,EAAUG,IAAAA,CAAO,KAAA,CACtB,CAAM,GAAGF,CAAAA,CAAO,UAAWG,EAAAA,CAAGL,CAAAA,CAAW,sBAAsB,CAAA,CAAG,CAC5E,CAEO,SAASO,CAAAA,CAAgB,CAC9B,OAAA,CAAAC,CAAAA,CAAU,OAAA,CACV,IAAA,CAAAC,CAAAA,CAAO,IAAA,CACP,OAAAC,GAAAA,CAAS,QAAA,CACT,UAAAV,CAAAA,CACA,GAAGE,CACL,CAAA,CAAoB,CAClB,OACEC,GAAAA,CAACQ,CAAAA,CAAA,CACC,SAAA,CAAWN,EAAAA,CAAGL,EAAW,0BAA0B,CAAA,CACnD,KAAMS,CAAAA,CACN,OAAA,CAASD,CAAAA,CACT,MAAA,CAAQE,GAAAA,CACP,GAAGR,EACN,CAEJ,CAEO,SAASU,CAAAA,CAAY,CAC1B,UAAAZ,CAAAA,CACA,OAAA,CAAAC,EACA,GAAGC,CACL,EAEG,CAGD,OACEC,IAHWF,CAAAA,CAAUG,IAAAA,CAAO,KAG3B,CACE,GAAGF,CAAAA,CACJ,SAAA,CAAWG,EAAAA,CAAG,oCAAA,CAAsCL,CAAS,CAAA,CAC/D,CAEJ,CAEA,IAAMa,CAAAA,CAAWC,IACf,CACE,iEAAA,CACA,oCACA,gEAAA,CACA,2BACF,EACA,CACE,QAAA,CAAU,CACR,IAAA,CAAM,CACJ,GAAI,YAAA,CACJ,EAAA,CAAI,YACN,CAAA,CACA,QAAA,CAAU,CACR,KAAM,0GACR,CACF,EACA,eAAA,CAAiB,CACf,KAAM,IAAA,CACN,QAAA,CAAU,KACZ,CACF,CACF,EAEO,SAASC,CAAAA,CAAS,CACvB,SAAA,CAAAf,CAAAA,CACA,KAAAS,CAAAA,CACA,QAAA,CAAAO,CAAAA,CACA,OAAA,CAAAf,CAAAA,CACA,GAAGC,CACL,CAAA,CAGK,CAGH,OACEC,GAAAA,CAHWF,CAAAA,CAAUG,KAAO,IAAA,CAG3B,CAAM,GAAGF,CAAAA,CAAO,SAAA,CAAWG,GAAGQ,CAAAA,CAAS,CAAE,KAAAJ,CAAAA,CAAM,QAAA,CAAAO,CAAS,CAAC,CAAA,CAAGhB,CAAS,CAAA,CAAG,CAE7E","file":"chunk-YOLTIAFT.js","sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cx, cva, type ClassVariantProps } from '@xjur-ui/util'\nimport type { ComponentProps } from 'react'\nimport { type TypographyProps, Typography } from './typography'\n\nexport function ListRoot({\n  className,\n  asChild,\n  ...props\n}: ComponentProps<'div'> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...props}\n      className={cx(\n        className,\n        'rounded-small scrollbar-hide bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border'\n      )}\n    />\n  )\n}\n\nexport function ListHeader({\n  className,\n  asChild,\n  ...props\n}: ComponentProps<'div'> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : 'div'\n  return <Comp {...props} className={cx(className, 'px-small pt-small-1x')} />\n}\n\nexport function ListHeaderTitle({\n  variant = 'label',\n  size = 'sm',\n  weight = 'medium',\n  className,\n  ...props\n}: TypographyProps) {\n  return (\n    <Typography\n      className={cx(className, 'text-neutral-placeholder')}\n      size={size}\n      variant={variant}\n      weight={weight}\n      {...props}\n    />\n  )\n}\n\nexport function ListContent({\n  className,\n  asChild,\n  ...props\n}: ComponentProps<'ul'> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : 'ul'\n\n  return (\n    <Comp\n      {...props}\n      className={cx('gap-small-1x p-small flex flex-col', className)}\n    />\n  )\n}\n\nconst variants = cva(\n  [\n    'py-medium px-small flex items-center gap-small rounded-small-1x',\n    'bg-layer-2-idle text-neutral-dark',\n    'hover:bg-layer-2-hover transition-colors duration-100 ease-out',\n    'active:bg-layer-2-pressed'\n  ],\n  {\n    variants: {\n      size: {\n        md: 'h-large-4x',\n        lg: 'h-large-7x'\n      },\n      isActive: {\n        true: 'bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed'\n      }\n    },\n    defaultVariants: {\n      size: 'md',\n      isActive: false\n    }\n  }\n)\n\nexport function ListItem({\n  className,\n  size,\n  isActive,\n  asChild,\n  ...props\n}: ComponentProps<'li'> &\n  ClassVariantProps<typeof variants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : 'li'\n\n  return (\n    <Comp {...props} className={cx(variants({ size, isActive }), className)} />\n  )\n}\n"]}

package/dist/components/controls/input.d.ts

@@ -1,96 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { ComponentProps } from 'react';
-import { InputNumberFormatProps } from '@react-input/number-format';
-import { I as IconType } from '../../icons-C-hGI45d.js';
-import { FieldContextValue } from './context/field.context.js';
-import { FloatingLabel } from './floating-label.js';
-import '@react-input/mask';
-import '../../input-mask-DhbtCxF7.js';
-
-declare const input: tailwind_variants.TVReturnType<{
-    state: {
-        normal: {
-            trigger: string;
-        };
-        error: {
-            trigger: string;
-            caption: string;
-        };
-        disabled: {
-            trigger: string;
-        };
-    };
-}, {
-    wrapper: string;
-    trigger: string[];
-    content: string;
-    value: string;
-    icon: string;
-    slotText: string;
-    caption: string;
-    action: string;
-}, undefined, {
-    state: {
-        normal: {
-            trigger: string;
-        };
-        error: {
-            trigger: string;
-            caption: string;
-        };
-        disabled: {
-            trigger: string;
-        };
-    };
-}, {
-    wrapper: string;
-    trigger: string[];
-    content: string;
-    value: string;
-    icon: string;
-    slotText: string;
-    caption: string;
-    action: string;
-}, tailwind_variants.TVReturnType<{
-    state: {
-        normal: {
-            trigger: string;
-        };
-        error: {
-            trigger: string;
-            caption: string;
-        };
-        disabled: {
-            trigger: string;
-        };
-    };
-}, {
-    wrapper: string;
-    trigger: string[];
-    content: string;
-    value: string;
-    icon: string;
-    slotText: string;
-    caption: string;
-    action: string;
-}, undefined, unknown, unknown, undefined>>;
-declare function InputRoot({ className, state, customMask, variant, mask, ...props }: ComponentProps<'div'> & FieldContextValue): react_jsx_runtime.JSX.Element;
-declare function InputContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function InputLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
-declare function InputTrigger({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function InputMask({ className, placeholder, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
-declare function InputText({ className, placeholder, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
-declare function InputNumber({ className, locales, placeholder, groupDisplay, ...props }: InputNumberFormatProps): react_jsx_runtime.JSX.Element;
-declare function InputIcon({ className, name, ...props }: ComponentProps<'div'> & {
-    name: IconType;
-}): react_jsx_runtime.JSX.Element;
-declare function InputSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
-declare function InputCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
-declare function InputAction({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-declare function InputNumericStepper({ handleIncrement, handleDecrement }: {
-    handleIncrement: () => void;
-    handleDecrement: () => void;
-}): react_jsx_runtime.JSX.Element;
-
-export { InputAction, InputCaption, InputContent, InputIcon, InputLabel, InputMask, InputNumber, InputNumericStepper, InputRoot, InputSlot, InputText, InputTrigger, input };

package/dist/components/controls/input.js

@@ -1,2 +0,0 @@
-export{l as InputAction,k as InputCaption,c as InputContent,i as InputIcon,d as InputLabel,f as InputMask,h as InputNumber,m as InputNumericStepper,b as InputRoot,j as InputSlot,g as InputText,e as InputTrigger,a as input}from'../../chunk-TQWBQ452.js';import'../../chunk-PBR7SFWY.js';import'../../chunk-JGPHBUVM.js';import'../../chunk-2JQVYVAT.js';import'../../chunk-CBFC4QME.js';import'../../chunk-DVDHTP4C.js';//# sourceMappingURL=input.js.map
-//# sourceMappingURL=input.js.map

package/dist/components/controls/select.d.ts

@@ -1,93 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { ComponentProps } from 'react';
-import * as RadixPopover from '@radix-ui/react-popover';
-import { I as IconType } from '../../icons-C-hGI45d.js';
-import { Typography } from '../typography.js';
-import { ListContent, ListItem, ListHeader, ListHeaderTitle } from '../list.js';
-import { FieldContextValue } from './context/field.context.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-import '@react-input/mask';
-import '../../input-mask-DhbtCxF7.js';
-
-declare const select: tailwind_variants.TVReturnType<{
-    state: {
-        normal: {
-            trigger: string;
-        };
-        error: {
-            trigger: string;
-            caption: string;
-        };
-        disabled: {
-            trigger: string;
-        };
-    };
-}, {
-    wrapper: string;
-    trigger: string[];
-    content: string[];
-    icon: string;
-    slotText: string;
-    caption: string;
-}, undefined, {
-    state: {
-        normal: {
-            trigger: string;
-        };
-        error: {
-            trigger: string;
-            caption: string;
-        };
-        disabled: {
-            trigger: string;
-        };
-    };
-}, {
-    wrapper: string;
-    trigger: string[];
-    content: string[];
-    icon: string;
-    slotText: string;
-    caption: string;
-}, tailwind_variants.TVReturnType<{
-    state: {
-        normal: {
-            trigger: string;
-        };
-        error: {
-            trigger: string;
-            caption: string;
-        };
-        disabled: {
-            trigger: string;
-        };
-    };
-}, {
-    wrapper: string;
-    trigger: string[];
-    content: string[];
-    icon: string;
-    slotText: string;
-    caption: string;
-}, undefined, unknown, unknown, undefined>>;
-declare function SelectRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
-declare function SelectTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): react_jsx_runtime.JSX.Element;
-declare function SelectIcon({ className, name, ...props }: ComponentProps<'div'> & {
-    name: IconType;
-}): react_jsx_runtime.JSX.Element;
-declare function SelectValue({ className, displayValue, value, placeholder, ...props }: ComponentProps<'input'> & {
-    displayValue?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function SelectMultiValue({ className, value, placeholder, children, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
-declare function SelectContent({ className, sideOffset, side, align, children, ...props }: ComponentProps<typeof RadixPopover.Content>): react_jsx_runtime.JSX.Element;
-declare function SelectCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
-declare function SelectSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
-declare function SelectOptions(props: ComponentProps<typeof ListContent>): react_jsx_runtime.JSX.Element;
-declare function SelectOption({ className, ...props }: ComponentProps<typeof ListItem>): react_jsx_runtime.JSX.Element;
-declare function SelectOptionText(props: ComponentProps<typeof Typography>): react_jsx_runtime.JSX.Element;
-declare function SelectHeader(props: ComponentProps<typeof ListHeader>): react_jsx_runtime.JSX.Element;
-declare function SelectHeaderTitle(props: ComponentProps<typeof ListHeaderTitle>): react_jsx_runtime.JSX.Element;
-
-export { SelectCaption, SelectContent, SelectHeader, SelectHeaderTitle, SelectIcon, SelectMultiValue, SelectOption, SelectOptionText, SelectOptions, SelectRoot, SelectSlot, SelectTrigger, SelectValue, select };

package/dist/components/controls/select.js

@@ -1,2 +0,0 @@
-export{h as SelectCaption,g as SelectContent,m as SelectHeader,n as SelectHeaderTitle,d as SelectIcon,f as SelectMultiValue,k as SelectOption,l as SelectOptionText,j as SelectOptions,b as SelectRoot,i as SelectSlot,c as SelectTrigger,e as SelectValue,a as select}from'../../chunk-DTNZXDCY.js';import'../../chunk-JGPHBUVM.js';import'../../chunk-2JQVYVAT.js';import'../../chunk-YOLTIAFT.js';import'../../chunk-DVDHTP4C.js';import'../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select.js.map
-//# sourceMappingURL=select.js.map

package/dist/components/horizontal-scroll.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps, ReactNode } from 'react';
-
-interface HorizontalScrollProps extends ComponentProps<'div'> {
-    children: ReactNode;
-    gap?: 'small' | 'medium' | 'large';
-    scrollAmount?: number;
-}
-declare function HorizontalScroll({ children, className, gap, scrollAmount, ...props }: HorizontalScrollProps): react_jsx_runtime.JSX.Element;
-
-export { HorizontalScroll, type HorizontalScrollProps };

package/dist/components/horizontal-scroll.js

@@ -1,2 +0,0 @@
-import {b}from'../chunk-M6ZI7M3R.js';import {b as b$1}from'../chunk-DVDHTP4C.js';import {useRef,useState,useCallback,useEffect}from'react';import {cx}from'@xjur-ui/util';import {jsxs,jsx}from'react/jsx-runtime';function P({children:h,className:u,gap:g="small",scrollAmount:s=200,...b$2}){let l=useRef(null),[S,z]=useState(false),[w,y]=useState(false),[p,a]=useState(false),o=useCallback(()=>{let e=l.current;if(!e)return;let{scrollLeft:n,scrollWidth:i,clientWidth:r}=e;z(n>0),y(n<i-r-1);},[]),L=useCallback(()=>{let e=l.current;e&&(a(true),e.scrollTo({left:e.scrollLeft-s,behavior:"smooth"}),setTimeout(()=>a(false),300));},[s]),R=useCallback(()=>{let e=l.current;e&&(a(true),e.scrollTo({left:e.scrollLeft+s,behavior:"smooth"}),setTimeout(()=>a(false),300));},[s]);useEffect(()=>{let e=l.current;if(!e)return;let n=()=>{o();},i=()=>{o();};o(),e.addEventListener("scroll",n,{passive:true}),window.addEventListener("resize",i);let r=null;return typeof ResizeObserver<"u"&&(r=new ResizeObserver(()=>{o();}),r.observe(e)),()=>{e.removeEventListener("scroll",n),window.removeEventListener("resize",i),r&&r.disconnect();}},[o]);let x={small:"gap-small",medium:"gap-medium",large:"gap-large"}[g];return jsxs("div",{className:cx("relative isolate",u),...b$2,children:[S&&jsx("div",{className:"absolute top-1/2 left-0 z-[3] flex h-full w-[80px] -translate-y-1/2 items-center",style:{background:"linear-gradient(to right, white 40%, transparent)"},children:jsx(b,{appearance:"ghost","aria-label":"Scroll left",className:"ml-0",disabled:p,size:"icon_md",variant:"secondary",onClick:L,children:jsx(b$1,{name:"chevron_left"})})}),w&&jsx("div",{className:"absolute top-1/2 right-0 z-[2] flex h-full w-[80px] -translate-y-1/2 items-center justify-end",style:{background:"linear-gradient(to left, white 40%, transparent)"},children:jsx(b,{appearance:"ghost","aria-label":"Scroll right",className:"mr-0",disabled:p,size:"icon_md",variant:"secondary",onClick:R,children:jsx(b$1,{name:"chevron_right"})})}),jsx("div",{className:cx("scrollbar-hide py-small relative z-1 flex overflow-x-auto overflow-y-visible","min-w-0 [&>*]:flex-none [&>*]:whitespace-nowrap",x,u),ref:l,children:h})]})}export{P as HorizontalScroll};//# sourceMappingURL=horizontal-scroll.js.map
-//# sourceMappingURL=horizontal-scroll.js.map

package/dist/components/horizontal-scroll.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/horizontal-scroll.tsx"],"names":["HorizontalScroll","children","className","gap","scrollAmount","props","scrollContainerRef","useRef","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","isScrolling","setIsScrolling","checkScrollable","useCallback","container","scrollLeft","scrollWidth","clientWidth","handleScrollLeft","handleScrollRight","useEffect","handleScroll","handleResize","resizeObserver","gapClass","jsxs","cx","jsx","Button","Icon"],"mappings":"mNAYO,SAASA,CAAAA,CAAiB,CAC/B,SAAAC,CAAAA,CACA,SAAA,CAAAC,EACA,GAAA,CAAAC,CAAAA,CAAM,QACN,YAAA,CAAAC,CAAAA,CAAe,IACf,GAAGC,GACL,EAA0B,CACxB,IAAMC,EAAqBC,MAAAA,CAAuB,IAAI,EAChD,CAACC,CAAAA,CAAeC,CAAgB,CAAA,CAAIC,SAAS,KAAK,CAAA,CAClD,CAACC,CAAAA,CAAgBC,CAAiB,EAAIF,QAAAA,CAAS,KAAK,EACpD,CAACG,CAAAA,CAAaC,CAAc,CAAA,CAAIJ,QAAAA,CAAS,KAAK,CAAA,CAE9CK,CAAAA,CAAkBC,YAAY,IAAM,CACxC,IAAMC,CAAAA,CAAYX,EAAmB,OAAA,CACrC,GAAI,CAACW,CAAAA,CAAW,OAEhB,GAAM,CAAE,UAAA,CAAAC,EAAY,WAAA,CAAAC,CAAAA,CAAa,YAAAC,CAAY,CAAA,CAAIH,EACjDR,CAAAA,CAAiBS,CAAAA,CAAa,CAAC,CAAA,CAC/BN,CAAAA,CAAkBM,CAAAA,CAAaC,CAAAA,CAAcC,EAAc,CAAC,EAC9D,EAAG,EAAE,EAECC,CAAAA,CAAmBL,WAAAA,CAAY,IAAM,CACzC,IAAMC,CAAAA,CAAYX,CAAAA,CAAmB,QAChCW,CAAAA,GAELH,CAAAA,CAAe,IAAI,CAAA,CACnBG,CAAAA,CAAU,QAAA,CAAS,CACjB,KAAMA,CAAAA,CAAU,UAAA,CAAab,EAC7B,QAAA,CAAU,QACZ,CAAC,CAAA,CAED,UAAA,CAAW,IAAMU,CAAAA,CAAe,KAAK,EAAG,GAAG,CAAA,EAC7C,EAAG,CAACV,CAAY,CAAC,CAAA,CAEXkB,CAAAA,CAAoBN,WAAAA,CAAY,IAAM,CAC1C,IAAMC,CAAAA,CAAYX,EAAmB,OAAA,CAChCW,CAAAA,GAELH,EAAe,IAAI,CAAA,CACnBG,EAAU,QAAA,CAAS,CACjB,KAAMA,CAAAA,CAAU,UAAA,CAAab,EAC7B,QAAA,CAAU,QACZ,CAAC,CAAA,CAED,UAAA,CAAW,IAAMU,CAAAA,CAAe,KAAK,CAAA,CAAG,GAAG,GAC7C,CAAA,CAAG,CAACV,CAAY,CAAC,CAAA,CAEjBmB,UAAU,IAAM,CACd,IAAMN,CAAAA,CAAYX,CAAAA,CAAmB,QACrC,GAAI,CAACW,EAAW,OAEhB,IAAMO,CAAAA,CAAe,IAAM,CACzBT,CAAAA,GACF,EAEMU,CAAAA,CAAe,IAAM,CACzBV,CAAAA,GACF,CAAA,CAEAA,CAAAA,GACAE,CAAAA,CAAU,gBAAA,CAAiB,SAAUO,CAAAA,CAAc,CAAE,QAAS,IAAK,CAAC,CAAA,CACpE,MAAA,CAAO,iBAAiB,QAAA,CAAUC,CAAY,EAE9C,IAAIC,CAAAA,CAAwC,KAC5C,OAAI,OAAO,eAAmB,GAAA,GAC5BA,CAAAA,CAAiB,IAAI,cAAA,CAAe,IAAM,CACxCX,CAAAA,GACF,CAAC,CAAA,CACDW,CAAAA,CAAe,OAAA,CAAQT,CAAS,GAG3B,IAAM,CACXA,EAAU,mBAAA,CAAoB,QAAA,CAAUO,CAAY,CAAA,CACpD,MAAA,CAAO,oBAAoB,QAAA,CAAUC,CAAY,EAC7CC,CAAAA,EACFA,CAAAA,CAAe,aAEnB,CACF,EAAG,CAACX,CAAe,CAAC,CAAA,CAEpB,IAAMY,CAAAA,CAAW,CACf,MAAO,WAAA,CACP,MAAA,CAAQ,aACR,KAAA,CAAO,WACT,EAAExB,CAAG,CAAA,CAEL,OACEyB,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAWC,EAAAA,CAAG,kBAAA,CAAoB3B,CAAS,CAAA,CAAI,GAAGG,GAAAA,CAEpD,QAAA,CAAA,CAAAG,GACCsB,GAAAA,CAAC,KAAA,CAAA,CACC,UAAU,kFAAA,CACV,KAAA,CAAO,CACL,UAAA,CAAY,mDACd,EAEA,QAAA,CAAAA,GAAAA,CAACC,EAAA,CACC,UAAA,CAAW,QACX,YAAA,CAAW,aAAA,CACX,UAAU,MAAA,CACV,QAAA,CAAUlB,CAAAA,CACV,IAAA,CAAK,UACL,OAAA,CAAQ,WAAA,CACR,QAASQ,CAAAA,CAET,QAAA,CAAAS,IAACE,GAAAA,CAAA,CAAK,KAAK,cAAA,CAAe,CAAA,CAC5B,EACF,CAAA,CAIDrB,CAAAA,EACCmB,IAAC,KAAA,CAAA,CACC,SAAA,CAAU,gGACV,KAAA,CAAO,CACL,UAAA,CAAY,kDACd,EAEA,QAAA,CAAAA,GAAAA,CAACC,EAAA,CACC,UAAA,CAAW,QACX,YAAA,CAAW,cAAA,CACX,UAAU,MAAA,CACV,QAAA,CAAUlB,EACV,IAAA,CAAK,SAAA,CACL,QAAQ,WAAA,CACR,OAAA,CAASS,EAET,QAAA,CAAAQ,GAAAA,CAACE,GAAAA,CAAA,CAAK,KAAK,eAAA,CAAgB,CAAA,CAC7B,EACF,CAAA,CAIFF,GAAAA,CAAC,OACC,SAAA,CAAWD,EAAAA,CACT,+EACA,iDAAA,CACAF,CAAAA,CACAzB,CACF,CAAA,CACA,GAAA,CAAKI,EAEJ,QAAA,CAAAL,CAAAA,CACH,GACF,CAEJ","file":"horizontal-scroll.js","sourcesContent":["import type { ComponentProps, ReactNode } from 'react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { cx } from '@xjur-ui/util'\nimport { Button } from './controls/button'\nimport { Icon } from './icon'\n\nexport interface HorizontalScrollProps extends ComponentProps<'div'> {\n  children: ReactNode\n  gap?: 'small' | 'medium' | 'large'\n  scrollAmount?: number\n}\n\nexport function HorizontalScroll({\n  children,\n  className,\n  gap = 'small',\n  scrollAmount = 200,\n  ...props\n}: HorizontalScrollProps) {\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n  const [canScrollLeft, setCanScrollLeft] = useState(false)\n  const [canScrollRight, setCanScrollRight] = useState(false)\n  const [isScrolling, setIsScrolling] = useState(false)\n\n  const checkScrollable = useCallback(() => {\n    const container = scrollContainerRef.current\n    if (!container) return\n\n    const { scrollLeft, scrollWidth, clientWidth } = container\n    setCanScrollLeft(scrollLeft > 0)\n    setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 1)\n  }, [])\n\n  const handleScrollLeft = useCallback(() => {\n    const container = scrollContainerRef.current\n    if (!container) return\n\n    setIsScrolling(true)\n    container.scrollTo({\n      left: container.scrollLeft - scrollAmount,\n      behavior: 'smooth'\n    })\n\n    setTimeout(() => setIsScrolling(false), 300)\n  }, [scrollAmount])\n\n  const handleScrollRight = useCallback(() => {\n    const container = scrollContainerRef.current\n    if (!container) return\n\n    setIsScrolling(true)\n    container.scrollTo({\n      left: container.scrollLeft + scrollAmount,\n      behavior: 'smooth'\n    })\n\n    setTimeout(() => setIsScrolling(false), 300)\n  }, [scrollAmount])\n\n  useEffect(() => {\n    const container = scrollContainerRef.current\n    if (!container) return\n\n    const handleScroll = () => {\n      checkScrollable()\n    }\n\n    const handleResize = () => {\n      checkScrollable()\n    }\n\n    checkScrollable()\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    window.addEventListener('resize', handleResize)\n\n    let resizeObserver: ResizeObserver | null = null\n    if (typeof ResizeObserver !== 'undefined') {\n      resizeObserver = new ResizeObserver(() => {\n        checkScrollable()\n      })\n      resizeObserver.observe(container)\n    }\n\n    return () => {\n      container.removeEventListener('scroll', handleScroll)\n      window.removeEventListener('resize', handleResize)\n      if (resizeObserver) {\n        resizeObserver.disconnect()\n      }\n    }\n  }, [checkScrollable])\n\n  const gapClass = {\n    small: 'gap-small',\n    medium: 'gap-medium',\n    large: 'gap-large'\n  }[gap]\n\n  return (\n    <div className={cx('relative isolate', className)} {...props}>\n      {/* Left Arrow */}\n      {canScrollLeft && (\n        <div\n          className=\"absolute top-1/2 left-0 z-[3] flex h-full w-[80px] -translate-y-1/2 items-center\"\n          style={{\n            background: `linear-gradient(to right, white 40%, transparent)`\n          }}\n        >\n          <Button\n            appearance=\"ghost\"\n            aria-label=\"Scroll left\"\n            className=\"ml-0\"\n            disabled={isScrolling}\n            size=\"icon_md\"\n            variant=\"secondary\"\n            onClick={handleScrollLeft}\n          >\n            <Icon name=\"chevron_left\" />\n          </Button>\n        </div>\n      )}\n\n      {/* Right Arrow */}\n      {canScrollRight && (\n        <div\n          className=\"absolute top-1/2 right-0 z-[2] flex h-full w-[80px] -translate-y-1/2 items-center justify-end\"\n          style={{\n            background: `linear-gradient(to left, white 40%, transparent)`\n          }}\n        >\n          <Button\n            appearance=\"ghost\"\n            aria-label=\"Scroll right\"\n            className=\"mr-0\"\n            disabled={isScrolling}\n            size=\"icon_md\"\n            variant=\"secondary\"\n            onClick={handleScrollRight}\n          >\n            <Icon name=\"chevron_right\" />\n          </Button>\n        </div>\n      )}\n\n      {/* Scrollable Content */}\n      <div\n        className={cx(\n          'scrollbar-hide py-small relative z-1 flex overflow-x-auto overflow-y-visible',\n          'min-w-0 [&>*]:flex-none [&>*]:whitespace-nowrap',\n          gapClass,\n          className\n        )}\n        ref={scrollContainerRef}\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/components/list.d.ts

@@ -1,25 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ClassVariantProps } from '@xjur-ui/util';
-import { ComponentProps } from 'react';
-import { TypographyProps } from './typography.js';
-
-declare function ListRoot({ className, asChild, ...props }: ComponentProps<'div'> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ListHeader({ className, asChild, ...props }: ComponentProps<'div'> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare function ListHeaderTitle({ variant, size, weight, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
-declare function ListContent({ className, asChild, ...props }: ComponentProps<'ul'> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare const variants: (props?: ({
-    size?: "md" | "lg" | null | undefined;
-    isActive?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function ListItem({ className, size, isActive, asChild, ...props }: ComponentProps<'li'> & ClassVariantProps<typeof variants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-export { ListContent, ListHeader, ListHeaderTitle, ListItem, ListRoot };

package/dist/components/list.js

@@ -1,2 +0,0 @@
-export{d as ListContent,b as ListHeader,c as ListHeaderTitle,e as ListItem,a as ListRoot}from'../chunk-YOLTIAFT.js';import'../chunk-EIG6CBTQ.js';//# sourceMappingURL=list.js.map
-//# sourceMappingURL=list.js.map

package/dist/components/list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"list.js"}