@xjur-ui/react 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xjur-ui/react",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "type": "module",
   "description": "React components for XJur Design System",
   "types": "dist/index.d.ts",
@@ -11,6 +11,7 @@
     "./typography": "./dist/components/typography.js",
     "./logo": "./dist/components/logo.js",
     "./collapsible": "./dist/components/collapsible.js",
+    "./accordion": "./dist/components/accordion.js",
     "./list": "./dist/components/list.js",
     "./tabs": "./dist/components/tabs.js",
     "./tag": "./dist/components/tag.js",
@@ -28,22 +29,24 @@
     "./skeleton": "./dist/components/skeleton.js",
     "./tooltip": "./dist/components/tooltip.js",
     "./status": "./dist/components/status.js",
+    "./toast": "./dist/components/toast.js",
     "./horizontal-scroll": "./dist/components/horizontal-scroll.js",
     "./breadcrumb": "./dist/components/breadcrumb.js",
     "./dnd": "./dist/components/drag-and-drop/index.js",
     "./full-calendar": "./dist/components/full-calendar/index.js",
-    "./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",
-    "./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",
-    "./search-selector": "./dist/components/controls/search-selector.js",
-    "./select": "./dist/components/controls/select.js",
-    "./switch": "./dist/components/controls/switch.js",
+    "./button": "./dist/components/form/button.js",
+    "./calendar": "./dist/components/form/calendar.js",
+    "./checkbox": "./dist/components/form/checkbox.js",
+    "./date-picker": "./dist/components/form/date-picker.js",
+    "./input": "./dist/components/form/input.js",
+    "./otp-input": "./dist/components/form/otp-input.js",
+    "./radio": "./dist/components/form/radio.js",
+    "./rich-editor": "./dist/components/form/rich-editor.js",
+    "./search-input": "./dist/components/form/search-input.js",
+    "./select": "./dist/components/form/select.js",
+    "./switch": "./dist/components/form/switch.js",
+    "./slider": "./dist/components/form/slider.js",
+    "./rating": "./dist/components/form/rating.js",
     "./pessoa": "./dist/components/custom/pessoa/index.js",
     "./steps": "./dist/components/steps/index.js"
   },
@@ -56,6 +59,7 @@
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
+    "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.12",
@@ -66,9 +70,11 @@
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
+    "@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",

package/dist/chunk-2JU3PFV2.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 p from'@radix-ui/react-popover';import {jsx,jsxs}from'react/jsx-runtime';var S=tv({slots:{wrapper:"group flex w-full flex-col gap-small-2x",trigger:["h-large-4x w-full cursor-pointer relative","flex items-center gap-small rounded-small-1x justify-between","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:T,trigger:L,icon:N,caption:O,slotText:F,content:H}=S();function J({className:e,state:t="normal",defaultOpen:o,variant:n="normal",modal:i,open:a$1,onOpenChange:s,...R}){return jsx(p.Root,{defaultOpen:o,modal:i,open:a$1,onOpenChange:s,children:jsx(a.Provider,{value:{state:t,variant:n},children:jsx("div",{className:T({className:e,state:t}),...R})})})}function _({className:e,...t}){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(L({state:o,className:e}),n==="filter"&&i({state:o,className:e}));return jsx(p.Trigger,{className:a,disabled:o==="disabled",...t})}function q({className:e,name:t,...o}){let{state:n}=b();return jsx("div",{className:N({className:e,state:n}),...o,children:jsx(b$1,{name:t})})}function B(e){return jsx(a$1,{...e})}function D({className:e,displayValue:t="",value:o,placeholder:n,...i}){let{variant:a}=b(),s=useMemo(()=>a==="filter"?t:t||n,[t,n,a]);return jsxs("div",{className:"flex w-full",children:[jsx(a$2,{className:"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x",children:s}),jsx("input",{...i,"aria-readonly":true,className:twJoin("pointer-events-none",e),hidden:true,placeholder:" ",readOnly:true,value:o??""})]})}function E({className:e,value:t,placeholder:o,children:n,...i}){let{variant:a}=b(),s=useMemo(()=>a==="filter"?false:Array.isArray(t)&&t.length===0&&o,[t,o,a]);return jsxs("div",{className:twMerge(e,"gap-small-1x scrollbar-hide flex w-full overflow-x-hidden","group-disabled:!pl-0"),children:[s&&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(e,"pointer-events-none"),hidden:true,placeholder:" ",readOnly:true,value:t})]})}function G({className:e,sideOffset:t=5,side:o="bottom",align:n="start",children:i,...a}){let{state:s}=b();return jsx(p.Portal,{children:jsx(p.Content,{align:n,className:H({className:e,state:s}),side:o,sideOffset:t,...a,children:jsx(a$3,{children:i})})})}function K({className:e,...t}){let{state:o}=b();return jsx("p",{className:O({className:e,state:o}),...t})}function Q({className:e,...t}){let{state:o}=b();return jsx("span",{className:F({className:e,state:o}),...t})}function U(e){return jsx(d,{...e})}function W({className:e$1,...t}){return jsx(e,{className:twMerge(e$1,"cursor-pointer"),...t})}function X(e){return jsx(a$2,{...e})}function Y(e){return jsx(b$2,{...e})}function Z(e){return jsx(c,{...e})}export{S 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,Z as o};//# sourceMappingURL=chunk-2JU3PFV2.js.map
-//# sourceMappingURL=chunk-2JU3PFV2.js.map

package/dist/chunk-2JU3PFV2.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","SelectLabel","FloatingLabel","SelectValue","displayValue","value","placeholder","valueOrPlaceholder","useMemo","jsxs","Typography","twJoin","SelectMultiValue","children","shouldShowPlaceholder","SelectContent","sideOffset","side","align","ListRoot","SelectCaption","SelectSlot","SelectOptions","ListContent","SelectOption","ListItem","SelectOptionText","SelectHeader","ListHeader","SelectHeaderTitle","ListHeaderTitle"],"mappings":"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","file":"chunk-2JU3PFV2.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 w-full flex-col gap-small-2x',\n    trigger: [\n      'h-large-4x w-full cursor-pointer relative',\n      'flex items-center gap-small rounded-small-1x justify-between',\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 className={icon({ className, state })} {...props}>\n      <Icon name={name} />\n    </div>\n  )\n}\n\nexport function SelectLabel(props: ComponentProps<typeof FloatingLabel>) {\n  return <FloatingLabel {...props} />\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=\"flex w-full\">\n      <Typography className=\"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x\">\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  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      {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={' '}\n        readOnly={true}\n        value={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-3H75F4Y2.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-3H75F4Y2.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 w-full flex-col gap-small-2x',\n    trigger: [\n      'h-large-4x w-full relative',\n      'flex 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 className={icon({ className, state })} {...props}>\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"]}