4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T1436,'use client'; import { NumberInput as NumberInputPrimitive, useNumberInput, useNumberInputContext, } from '@ark-ui/react/number-input'; import { clsx } from 'clsx'; import type { ComponentProps, ComponentRef } from 'react'; import { forwardRef } from 'react'; import { MinusIcon, PlusIcon } from '@/lib/moduix/icons/ui'; import styles from './NumberInput.module.css'; const NumberInputRoot = forwardRef< ComponentRef, ComponentProps >(function NumberInputRoot({ className, ...props }, ref) { return ( ); }); const NumberInputRootProvider = forwardRef< ComponentRef, ComponentProps >(function NumberInputRootProvider({ className, ...props }, ref) { return ( ); }); const NumberInputLabel = forwardRef< ComponentRef, ComponentProps >(function NumberInputLabel({ className, ...props }, ref) { return ( ); }); const NumberInputScrubber = forwardRef< ComponentRef, ComponentProps >(function NumberInputScrubber({ className, ...props }, ref) { return ( ); }); const NumberInputControl = forwardRef< ComponentRef, ComponentProps >(function NumberInputControl({ className, ...props }, ref) { return ( ); }); const NumberInputDecrementTrigger = forwardRef< ComponentRef, ComponentProps >(function NumberInputDecrementTrigger({ className, children, ...props }, ref) { return ( {children ?? } ); }); const NumberInputInput = forwardRef< ComponentRef, ComponentProps >(function NumberInputInput({ className, ...props }, ref) { return ( ); }); const NumberInputIncrementTrigger = forwardRef< ComponentRef, ComponentProps >(function NumberInputIncrementTrigger({ className, children, ...props }, ref) { return ( {children ?? } ); }); const NumberInputValueText = forwardRef< ComponentRef, ComponentProps >(function NumberInputValueText({ className, ...props }, ref) { return ( ); }); type NumberInputFieldProps = Omit< ComponentProps, 'asChild' | 'children' >; const NumberInputField = forwardRef< ComponentRef, NumberInputFieldProps >(function NumberInputField(props, ref) { return ( ); }); const NumberInput = Object.assign(NumberInputRoot, { Root: NumberInputRoot, RootProvider: NumberInputRootProvider, Context: NumberInputPrimitive.Context, Label: NumberInputLabel, Scrubber: NumberInputScrubber, Control: NumberInputControl, Field: NumberInputField, DecrementTrigger: NumberInputDecrementTrigger, Input: NumberInputInput, IncrementTrigger: NumberInputIncrementTrigger, ValueText: NumberInputValueText, }); export { NumberInput, useNumberInput, useNumberInputContext };52:T1a9c,@layer moduix.components { .root { display: flex; flex-direction: column; align-items: flex-start; gap: var(--moduix-number-input-gap, var(--moduix-spacing-1)); width: var(--moduix-number-input-width, auto); max-width: var(--moduix-number-input-max-width, none); &[data-disabled] { opacity: var(--moduix-number-input-disabled-opacity, var(--moduix-opacity-disabled)); } } .label { color: var(--moduix-number-input-label-color, var(--moduix-color-foreground)); font-size: var(--moduix-number-input-label-font-size, var(--moduix-text-sm)); line-height: var(--moduix-number-input-label-line-height, var(--moduix-line-height-text-sm)); font-weight: var(--moduix-number-input-label-font-weight, var(--moduix-weight-medium)); } .scrubber { display: inline-flex; align-items: center; gap: var(--moduix-number-input-scrubber-gap, var(--moduix-spacing-2)); color: var(--moduix-number-input-scrubber-color, var(--moduix-color-foreground)); user-select: none; cursor: ew-resize; &[data-disabled] { cursor: default; } } .control { display: inline-flex; align-items: stretch; } .decrementTrigger, .incrementTrigger { --_number-input-focus-ring-width: var( --moduix-number-input-focus-ring-width, var( --moduix-number-input-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)) ) ); box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: var(--moduix-number-input-control-height, var(--moduix-size-md)); min-width: var(--moduix-number-input-control-height, var(--moduix-size-md)); height: var(--moduix-number-input-control-height, var(--moduix-size-md)); margin: 0; border: var(--moduix-number-input-border-width, var(--moduix-border-width-sm)) var(--moduix-number-input-border-style, solid) var(--moduix-number-input-border-color, var(--moduix-color-border)); padding: 0; background-color: var(--moduix-number-input-button-bg, var(--moduix-color-background)); color: var(--moduix-number-input-button-color, var(--moduix-color-foreground)); outline: 0; user-select: none; cursor: pointer; transition: background-color var(--moduix-transition-default), border-color var(--moduix-transition-default), color var(--moduix-transition-default), opacity var(--moduix-transition-default); @media (hover: hover) { &:hover { background-color: var(--moduix-number-input-button-bg-hover, var(--moduix-color-accent)); } } &:active { background-color: var( --moduix-number-input-button-bg-active, var(--moduix-number-input-button-bg-hover, var(--moduix-color-accent)) ); } &:focus-visible { outline: var(--_number-input-focus-ring-width) solid var(--moduix-number-input-focus-ring-color, var(--moduix-color-ring)); outline-offset: calc(var(--_number-input-focus-ring-width) * -1); z-index: 1; } &:is([data-disabled], :disabled) { pointer-events: none; } .root[data-invalid] & { border-color: var( --moduix-number-input-border-color-invalid, var(--moduix-color-destructive) ); } & > svg { width: var(--moduix-number-input-icon-size, var(--moduix-spacing-3-5)); height: var(--moduix-number-input-icon-size, var(--moduix-spacing-3-5)); flex-shrink: 0; } } .decrementTrigger { border-start-start-radius: var(--moduix-number-input-radius, var(--moduix-radius-md)); border-end-start-radius: var(--moduix-number-input-radius, var(--moduix-radius-md)); border-inline-end: 0; } .incrementTrigger { border-start-end-radius: var(--moduix-number-input-radius, var(--moduix-radius-md)); border-end-end-radius: var(--moduix-number-input-radius, var(--moduix-radius-md)); border-inline-start: 0; } .input { --_number-input-focus-ring-width: var( --moduix-number-input-focus-ring-width, var( --moduix-number-input-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)) ) ); box-sizing: border-box; width: var(--moduix-number-input-input-width, 6rem); height: var(--moduix-number-input-control-height, var(--moduix-size-md)); margin: 0; border-top: var(--moduix-number-input-border-width, var(--moduix-border-width-sm)) var(--moduix-number-input-border-style, solid) var(--moduix-number-input-border-color, var(--moduix-color-border)); border-bottom: var(--moduix-number-input-border-width, var(--moduix-border-width-sm)) var(--moduix-number-input-border-style, solid) var(--moduix-number-input-border-color, var(--moduix-color-border)); border-inline: 0; border-radius: 0; padding: var(--moduix-number-input-input-padding-y, var(--moduix-spacing-1)) var(--moduix-number-input-input-padding-x, var(--moduix-spacing-3)); background-color: var(--moduix-number-input-input-bg, var(--moduix-color-background)); color: var(--moduix-number-input-input-color, var(--moduix-color-foreground)); font: inherit; font-size: var(--moduix-number-input-input-font-size, var(--moduix-text-md)); line-height: var(--moduix-number-input-input-line-height, var(--moduix-line-height-text-md)); text-align: center; font-variant-numeric: tabular-nums; outline: var(--_number-input-focus-ring-width) solid transparent; outline-offset: calc(var(--_number-input-focus-ring-width) * -1); transition: border-color var(--moduix-transition-default), outline-color var(--moduix-transition-default), opacity var(--moduix-transition-default); &:focus-visible { outline-color: var(--moduix-number-input-focus-ring-color, var(--moduix-color-ring)); z-index: 1; } &[data-invalid], .root[data-invalid] & { border-top-color: var( --moduix-number-input-border-color-invalid, var(--moduix-color-destructive) ); border-bottom-color: var( --moduix-number-input-border-color-invalid, var(--moduix-color-destructive) ); &:focus-visible { outline-color: var( --moduix-number-input-border-color-invalid, var(--moduix-color-destructive) ); } } } .valueText { color: var(--moduix-number-input-value-text-color, var(--moduix-color-muted-foreground)); font-size: var(--moduix-number-input-value-text-font-size, var(--moduix-text-sm)); line-height: var( --moduix-number-input-value-text-line-height, var(--moduix-line-height-text-sm) ); font-variant-numeric: tabular-nums; } }4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@ark-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40ark-ui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@ark-ui/react"}]]}]}],["$","li","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"clsx"}]]}]}]]}],["$","$L4f",null,{"namespace":"@moduix-react","registryDependencies":["@moduix-react/foundation","@moduix-react/icons"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/components/number-input/NumberInput.tsx","content":"$51","type":"registry:component","target":"@components/ui/number-input/NumberInput.tsx"},{"path":"src/components/number-input/NumberInput.module.css","content":"$52","type":"registry:file","target":"@components/ui/number-input/NumberInput.module.css"},{"path":"src/components/number-input/index.ts","content":"export { NumberInput, useNumberInput, useNumberInputContext } from './NumberInput.js';","type":"registry:component","target":"@components/ui/number-input/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]