npm - @commercetools/nimbus - Versions diffs - 3.2.0 → 3.4.0 - Mend

@commercetools/nimbus 3.2.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1806) hide show

package/dist/chunks/steps-DIRtxFO6.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"steps-DIRtxFO6.esm.js","names":[],"sources":["../../src/components/steps/steps.slots.tsx","../../src/components/steps/components/steps.root.tsx","../../src/components/steps/components/steps.list.tsx","../../src/components/steps/components/steps.item.tsx","../../src/components/steps/components/steps.trigger.tsx","../../src/components/steps/components/steps.indicator.tsx","../../src/components/steps/components/steps.number.tsx","../../src/components/steps/components/steps.title.tsx","../../src/components/steps/components/steps.description.tsx","../../src/components/steps/components/steps.separator.tsx","../../src/components/steps/components/steps.content.tsx","../../src/components/steps/components/steps.completed-content.tsx","../../src/components/steps/components/steps.prev-trigger.tsx","../../src/components/steps/components/steps.next-trigger.tsx","../../src/components/steps/components/steps.status.tsx","../../src/components/steps/steps.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { StepsRootSlotProps } from \"./steps.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusSteps\",\n});\n\nexport const StepsRootSlot: SlotComponent<HTMLDivElement, StepsRootSlotProps> =\n withProvider<HTMLDivElement, StepsRootSlotProps>(\"div\", \"root\");\n\nexport const StepsListSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"list\");\n\nexport const StepsItemSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"item\");\n\nexport const StepsTriggerSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const StepsIndicatorSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"indicator\");\n\nexport const StepsNumberSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"number\");\n\nexport const StepsTitleSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"title\");\n\nexport const StepsDescriptionSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"description\");\n\nexport const StepsSeparatorSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"separator\");\n\nexport const StepsContentSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n\nexport const StepsCompletedContentSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"completedContent\");\n\nexport const StepsPrevTriggerSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"button\">\n>(\"button\", \"prevTrigger\");\n\nexport const StepsNextTriggerSlot = withContext<\n HTMLButtonElement,\n HTMLChakraProps<\"button\">\n>(\"button\", \"nextTrigger\");\n","import {\n useSlotRecipe,\n type SlotRecipeProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { useBreakpointValue } from \"@chakra-ui/react/hooks\";\nimport { useChakraContext } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsRootProps } from \"../steps.types\";\nimport { StepsRootSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Root\n *\n * Container component that manages step state and provides context to child components.\n * Wraps Chakra UI's Steps.Root component with Nimbus styling.\n *\n * @example\n * ```tsx\n * // Uncontrolled usage\n * <Steps.Root defaultStep={0} count={3}>\n * <Steps.List>...</Steps.List>\n * <Steps.Content index={0}>Step 1 content</Steps.Content>\n * </Steps.Root>\n *\n * // Controlled usage\n * <Steps.Root step={currentStep} onStepChange={handleStepChange} count={3}>\n * ...\n * </Steps.Root>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsRoot = (props: StepsRootProps) => {\n const {\n ref: forwardedRef,\n count,\n defaultStep,\n step,\n onStepChange,\n onStepComplete,\n linear,\n size = \"sm\",\n orientation = \"horizontal\",\n children,\n ...restProps\n } = props;\n\n const recipe = useSlotRecipe({ key: \"nimbusSteps\" });\n const [recipeProps, remainingProps] = recipe.splitVariantProps({\n size,\n orientation,\n ...restProps,\n });\n\n const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n // Normalize responsive values to compute current breakpoint values\n // This is needed for Chakra's Steps.Root which needs the resolved orientation\n const sysCtx = useChakraContext();\n const normalizedOrientation = sysCtx.normalizeValue(orientation);\n\n // useBreakpointValue returns undefined on initial render or when the value\n // is not responsive. In some edge cases (SSR/hydration), it may return the\n // object itself rather than undefined, so we also check it's a valid string.\n const breakpointOrientation = useBreakpointValue<\"horizontal\" | \"vertical\">(\n normalizedOrientation\n );\n const computedOrientation =\n typeof breakpointOrientation === \"string\"\n ? breakpointOrientation\n : typeof orientation === \"string\"\n ? orientation\n : \"horizontal\";\n\n // Remove responsive orientation from recipeProps and use computed value instead.\n // This prevents the responsive object (e.g., { base: \"vertical\", md: \"horizontal\" })\n // from being passed as [object Object] to internal components.\n const {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n orientation: _responsiveOrientation,\n ...recipePropsWithoutOrientation\n } = recipeProps as typeof recipeProps & {\n orientation?: SlotRecipeProps<\"nimbusSteps\">[\"orientation\"];\n };\n\n return (\n <StepsRootSlot\n ref={forwardedRef}\n data-slot=\"root\"\n {...recipePropsWithoutOrientation}\n // Pass computed orientation for recipe variant styling\n orientation={computedOrientation as \"horizontal\" | \"vertical\"}\n {...styleProps}\n asChild\n >\n <ChakraSteps.Root\n count={count}\n defaultStep={defaultStep}\n step={step}\n onStepChange={onStepChange}\n onStepComplete={onStepComplete}\n linear={linear}\n orientation={computedOrientation}\n unstyled\n {...functionalProps}\n >\n {children}\n </ChakraSteps.Root>\n </StepsRootSlot>\n );\n};\nStepsRoot.displayName = \"Steps.Root\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsListProps } from \"../steps.types\";\nimport { StepsListSlot } from \"../steps.slots\";\n\n/**\n * # Steps.List\n *\n * Container for grouping step items. Wraps Chakra UI's Steps.List\n * with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.List>\n * <Steps.Item index={0}>...</Steps.Item>\n * <Steps.Item index={1}>...</Steps.Item>\n * </Steps.List>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsList = (props: StepsListProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsListSlot ref={forwardedRef} data-slot=\"list\" {...styleProps} asChild>\n <ChakraSteps.List {...functionalProps}>{children}</ChakraSteps.List>\n </StepsListSlot>\n );\n};\nStepsList.displayName = \"Steps.List\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsItemProps } from \"../steps.types\";\nimport { StepsItemSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Item\n *\n * Container for a single step (trigger + separator).\n * Wraps Chakra UI's Steps.Item with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Item index={0}>\n * <Steps.Trigger>\n * <Steps.Indicator />\n * Account\n * </Steps.Trigger>\n * <Steps.Separator />\n * </Steps.Item>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsItem = (props: StepsItemProps) => {\n const { ref: forwardedRef, index, children, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsItemSlot ref={forwardedRef} data-slot=\"item\" {...styleProps} asChild>\n <ChakraSteps.Item index={index} {...functionalProps}>\n {children}\n </ChakraSteps.Item>\n </StepsItemSlot>\n );\n};\nStepsItem.displayName = \"Steps.Item\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsTriggerProps } from \"../steps.types\";\nimport { StepsTriggerSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Trigger\n *\n * Clickable element within each step for direct navigation.\n * Wraps Chakra UI's Steps.Trigger with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Trigger>\n * <Steps.Indicator />\n * Account Setup\n * </Steps.Trigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsTrigger = (props: StepsTriggerProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsTriggerSlot\n ref={forwardedRef}\n data-slot=\"trigger\"\n {...styleProps}\n asChild\n >\n <ChakraSteps.Trigger {...functionalProps}>{children}</ChakraSteps.Trigger>\n </StepsTriggerSlot>\n );\n};\nStepsTrigger.displayName = \"Steps.Trigger\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsIndicatorProps } from \"../steps.types\";\nimport { StepsIndicatorSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Indicator\n *\n * Visual marker showing step status (number, icon, or custom content).\n * Wraps Chakra UI's Steps.Indicator with Nimbus styling.\n *\n * @example\n * ```tsx\n * // Default indicator (shows number and checkmark when complete)\n * <Steps.Indicator />\n *\n * // Custom content\n * <Steps.Indicator>\n * <MyCustomIcon />\n * </Steps.Indicator>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsIndicator = (props: StepsIndicatorProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsIndicatorSlot\n ref={forwardedRef}\n data-slot=\"indicator\"\n {...styleProps}\n asChild\n >\n <ChakraSteps.Indicator {...functionalProps}>\n {children}\n </ChakraSteps.Indicator>\n </StepsIndicatorSlot>\n );\n};\nStepsIndicator.displayName = \"Steps.Indicator\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsNumberProps } from \"../steps.types\";\nimport { StepsNumberSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Number\n *\n * Displays the step number (1-indexed).\n * Wraps Chakra UI's Steps.Number with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Indicator>\n * <Steps.Number />\n * </Steps.Indicator>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsNumber = (props: StepsNumberProps) => {\n const { ref: forwardedRef, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsNumberSlot\n ref={forwardedRef}\n data-slot=\"number\"\n {...styleProps}\n asChild\n >\n <ChakraSteps.Number {...functionalProps} />\n </StepsNumberSlot>\n );\n};\nStepsNumber.displayName = \"Steps.Number\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsTitleProps } from \"../steps.types\";\nimport { StepsTitleSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Title\n *\n * Displays the step title.\n * Wraps Chakra UI's Steps.Title with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Trigger>\n * <Steps.Indicator />\n * <Steps.Title>Account Setup</Steps.Title>\n * </Steps.Trigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsTitle = (props: StepsTitleProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsTitleSlot\n ref={forwardedRef}\n data-slot=\"title\"\n {...styleProps}\n asChild\n >\n <ChakraSteps.Title {...functionalProps}>{children}</ChakraSteps.Title>\n </StepsTitleSlot>\n );\n};\nStepsTitle.displayName = \"Steps.Title\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsDescriptionProps } from \"../steps.types\";\nimport { StepsDescriptionSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Description\n *\n * Displays optional hint text below the title.\n * Wraps Chakra UI's Steps.Description with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Trigger>\n * <Steps.Indicator />\n * <Box>\n * <Steps.Title>Account</Steps.Title>\n * <Steps.Description>Create your account</Steps.Description>\n * </Box>\n * </Steps.Trigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsDescription = (props: StepsDescriptionProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsDescriptionSlot\n ref={forwardedRef}\n data-slot=\"description\"\n {...styleProps}\n asChild\n >\n <ChakraSteps.Description {...functionalProps}>\n {children}\n </ChakraSteps.Description>\n </StepsDescriptionSlot>\n );\n};\nStepsDescription.displayName = \"Steps.Description\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsSeparatorProps } from \"../steps.types\";\nimport { StepsSeparatorSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Separator\n *\n * Visual line connecting step indicators.\n * Wraps Chakra UI's Steps.Separator with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Item index={0}>\n * <Steps.Trigger>...</Steps.Trigger>\n * <Steps.Separator />\n * </Steps.Item>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsSeparator = (props: StepsSeparatorProps) => {\n const { ref: forwardedRef, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsSeparatorSlot\n ref={forwardedRef}\n data-slot=\"separator\"\n {...styleProps}\n asChild\n >\n <ChakraSteps.Separator {...functionalProps} />\n </StepsSeparatorSlot>\n );\n};\nStepsSeparator.displayName = \"Steps.Separator\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsContentProps } from \"../steps.types\";\nimport { StepsContentSlot } from \"../steps.slots\";\n\n/**\n * # Steps.Content\n *\n * Content container that auto-shows/hides based on current step.\n * Wraps Chakra UI's Steps.Content with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Content index={0}>\n * <AccountForm />\n * </Steps.Content>\n * <Steps.Content index={1}>\n * <ProfileForm />\n * </Steps.Content>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsContent = (props: StepsContentProps) => {\n const { ref: forwardedRef, index, children, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsContentSlot\n ref={forwardedRef}\n data-slot=\"content\"\n {...styleProps}\n asChild\n >\n <ChakraSteps.Content index={index} {...functionalProps}>\n {children}\n </ChakraSteps.Content>\n </StepsContentSlot>\n );\n};\nStepsContent.displayName = \"Steps.Content\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsCompletedContentProps } from \"../steps.types\";\nimport { StepsCompletedContentSlot } from \"../steps.slots\";\n\n/**\n * # Steps.CompletedContent\n *\n * Content displayed when all steps are complete.\n * Wraps Chakra UI's Steps.CompletedContent with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.Root defaultStep={0} count={3}>\n * <Steps.List>...</Steps.List>\n * <Steps.Content index={0}>Step 1</Steps.Content>\n * <Steps.Content index={1}>Step 2</Steps.Content>\n * <Steps.Content index={2}>Step 3</Steps.Content>\n * <Steps.CompletedContent>\n * All steps complete! Thank you.\n * </Steps.CompletedContent>\n * </Steps.Root>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsCompletedContent = (props: StepsCompletedContentProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n return (\n <StepsCompletedContentSlot\n ref={forwardedRef}\n data-slot=\"completedContent\"\n {...styleProps}\n asChild\n >\n <ChakraSteps.CompletedContent {...functionalProps}>\n {children}\n </ChakraSteps.CompletedContent>\n </StepsCompletedContentSlot>\n );\n};\nStepsCompletedContent.displayName = \"Steps.CompletedContent\";\n","import {\n cloneElement,\n isValidElement,\n useCallback,\n type ReactElement,\n} from \"react\";\nimport { Steps as ChakraSteps, useStepsContext } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsPrevTriggerProps } from \"../steps.types\";\n\n/**\n * # Steps.PrevTrigger\n *\n * Navigation button to go to previous step.\n * Wraps Chakra UI's Steps.PrevTrigger with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.PrevTrigger asChild>\n * <Button>Back</Button>\n * </Steps.PrevTrigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsPrevTrigger = (props: StepsPrevTriggerProps) => {\n const { children, asChild, ...restProps } = props;\n\n const [, functionalProps] = extractStyleProps(restProps);\n\n // Get steps context to manually handle navigation.\n // This avoids double-firing when using asChild with React Aria components\n // (like Nimbus Button) where both pointerUp and click events trigger navigation.\n const stepsContext = useStepsContext();\n\n const handlePress = useCallback(() => {\n stepsContext.goToPrevStep();\n }, [stepsContext]);\n\n // When using asChild, manually handle navigation via context\n // using onPress (React Aria's event) to avoid double-firing from\n // both pointerUp and click events.\n if (asChild && isValidElement(children)) {\n const child = children as ReactElement<{\n onPress?: () => void;\n isDisabled?: boolean;\n }>;\n\n return cloneElement(child, {\n onPress: handlePress,\n isDisabled: !stepsContext.hasPrevStep,\n });\n }\n\n // Without asChild, use Chakra's PrevTrigger directly\n return (\n <ChakraSteps.PrevTrigger asChild={asChild} {...functionalProps}>\n {children}\n </ChakraSteps.PrevTrigger>\n );\n};\nStepsPrevTrigger.displayName = \"Steps.PrevTrigger\";\n","import {\n cloneElement,\n isValidElement,\n useCallback,\n type ReactElement,\n} from \"react\";\nimport { Steps as ChakraSteps, useStepsContext } from \"@chakra-ui/react/steps\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { StepsNextTriggerProps } from \"../steps.types\";\n\n/**\n * # Steps.NextTrigger\n *\n * Navigation button to go to next step.\n * Wraps Chakra UI's Steps.NextTrigger with Nimbus styling.\n *\n * @example\n * ```tsx\n * <Steps.NextTrigger asChild>\n * <Button>Next</Button>\n * </Steps.NextTrigger>\n * ```\n *\n * @supportsStyleProps\n */\nexport const StepsNextTrigger = (props: StepsNextTriggerProps) => {\n const { children, asChild, ...restProps } = props;\n\n const [, functionalProps] = extractStyleProps(restProps);\n\n // Get steps context to manually handle navigation.\n // This avoids double-firing when using asChild with React Aria components\n // (like Nimbus Button) where both pointerUp and click events trigger navigation.\n const stepsContext = useStepsContext();\n\n const handlePress = useCallback(() => {\n stepsContext.goToNextStep();\n }, [stepsContext]);\n\n // When using asChild, manually handle navigation via context\n // using onPress (React Aria's event) to avoid double-firing from\n // both pointerUp and click events.\n if (asChild && isValidElement(children)) {\n const child = children as ReactElement<{\n onPress?: () => void;\n isDisabled?: boolean;\n }>;\n\n return cloneElement(child, {\n onPress: handlePress,\n isDisabled: !stepsContext.hasNextStep,\n });\n }\n\n // Without asChild, use Chakra's NextTrigger directly\n return (\n <ChakraSteps.NextTrigger asChild={asChild} {...functionalProps}>\n {children}\n </ChakraSteps.NextTrigger>\n );\n};\nStepsNextTrigger.displayName = \"Steps.NextTrigger\";\n","import { Steps as ChakraSteps } from \"@chakra-ui/react/steps\";\nimport type { StepsStatusProps } from \"../steps.types\";\n\n/**\n * # Steps.Status\n *\n * Renders different content based on step state.\n * This is a render prop component from Chakra UI that doesn't need a slot.\n *\n * @example\n * ```tsx\n * <Steps.Indicator>\n * <Steps.Status\n * complete={<CheckIcon />}\n * incomplete={<Steps.Number />}\n * current={<LoadingIcon />}\n * />\n * </Steps.Indicator>\n * ```\n */\nexport const StepsStatus = (props: StepsStatusProps) => {\n return <ChakraSteps.Status {...props} />;\n};\nStepsStatus.displayName = \"Steps.Status\";\n","import {\n StepsRoot,\n StepsList,\n StepsItem,\n StepsTrigger,\n StepsIndicator,\n StepsNumber,\n StepsTitle,\n StepsDescription,\n StepsSeparator,\n StepsContent,\n StepsCompletedContent,\n StepsPrevTrigger,\n StepsNextTrigger,\n StepsStatus,\n} from \"./components\";\n\n/**\n * # Steps\n *\n * A multi-step workflow component with built-in state management, content visibility,\n * and navigation triggers. Wraps Chakra UI's Steps component with Nimbus styling.\n *\n * Supports both controlled and uncontrolled usage patterns.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/steps}\n *\n * @example\n * ```tsx\n * // Uncontrolled usage (component manages state internally)\n * <Steps.Root defaultStep={0} count={3}>\n * <Steps.List>\n * <Steps.Item index={0}>\n * <Steps.Trigger>\n * <Steps.Indicator />\n * Account\n * </Steps.Trigger>\n * <Steps.Separator />\n * </Steps.Item>\n * <Steps.Item index={1}>\n * <Steps.Trigger>\n * <Steps.Indicator />\n * Profile\n * </Steps.Trigger>\n * <Steps.Separator />\n * </Steps.Item>\n * <Steps.Item index={2}>\n * <Steps.Trigger>\n * <Steps.Indicator />\n * Review\n * </Steps.Trigger>\n * </Steps.Item>\n * </Steps.List>\n *\n * <Steps.Content index={0}>Account form content</Steps.Content>\n * <Steps.Content index={1}>Profile form content</Steps.Content>\n * <Steps.Content index={2}>Review content</Steps.Content>\n * <Steps.CompletedContent>All steps complete!</Steps.CompletedContent>\n *\n * <Steps.PrevTrigger asChild>\n * <Button>Back</Button>\n * </Steps.PrevTrigger>\n * <Steps.NextTrigger asChild>\n * <Button>Next</Button>\n * </Steps.NextTrigger>\n * </Steps.Root>\n * ```\n */\nexport const Steps = {\n /**\n * # Steps.Root\n *\n * Container component that manages step state and provides context to child components.\n * Supports both controlled (step/onStepChange) and uncontrolled (defaultStep) modes.\n */\n Root: StepsRoot,\n\n /**\n * # Steps.List\n *\n * Container for grouping step items.\n */\n List: StepsList,\n\n /**\n * # Steps.Item\n *\n * Container for a single step (trigger + separator).\n */\n Item: StepsItem,\n\n /**\n * # Steps.Trigger\n *\n * Clickable element within each step for direct navigation.\n */\n Trigger: StepsTrigger,\n\n /**\n * # Steps.Indicator\n *\n * Visual marker showing step status (number, icon, or custom content).\n */\n Indicator: StepsIndicator,\n\n /**\n * # Steps.Number\n *\n * Displays the step number (1-indexed).\n */\n Number: StepsNumber,\n\n /**\n * # Steps.Title\n *\n * Displays the step title.\n */\n Title: StepsTitle,\n\n /**\n * # Steps.Description\n *\n * Displays optional hint text below the title.\n */\n Description: StepsDescription,\n\n /**\n * # Steps.Separator\n *\n * Visual line connecting step indicators.\n */\n Separator: StepsSeparator,\n\n /**\n * # Steps.Content\n *\n * Content container that auto-shows/hides based on current step.\n */\n Content: StepsContent,\n\n /**\n * # Steps.CompletedContent\n *\n * Content displayed when all steps are complete.\n */\n CompletedContent: StepsCompletedContent,\n\n /**\n * # Steps.PrevTrigger\n *\n * Navigation button to go to previous step.\n */\n PrevTrigger: StepsPrevTrigger,\n\n /**\n * # Steps.NextTrigger\n *\n * Navigation button to go to next step.\n */\n NextTrigger: StepsNextTrigger,\n\n /**\n * # Steps.Status\n *\n * Renders different content based on step state.\n */\n Status: StepsStatus,\n};\n\nexport type {\n StepsRootProps,\n StepsListProps,\n StepsItemProps,\n StepsTriggerProps,\n StepsIndicatorProps,\n StepsNumberProps,\n StepsTitleProps,\n StepsDescriptionProps,\n StepsSeparatorProps,\n StepsContentProps,\n StepsCompletedContentProps,\n StepsPrevTriggerProps,\n StepsNextTriggerProps,\n StepsStatusProps,\n StepsChangeDetails,\n} from \"./steps.types\";\n\n/**\n * todo: get rid of this, this is needed for the react-docgen-typescript script\n * that is parsing the typescript types for our documentation. The _ underscores\n * serve as a reminder that this exports are awkward and should not be used.\n */\nexport {\n StepsRoot as _StepsRoot,\n StepsList as _StepsList,\n StepsItem as _StepsItem,\n StepsTrigger as _StepsTrigger,\n StepsIndicator as _StepsIndicator,\n StepsNumber as _StepsNumber,\n StepsTitle as _StepsTitle,\n StepsDescription as _StepsDescription,\n StepsSeparator as _StepsSeparator,\n StepsContent as _StepsContent,\n StepsCompletedContent as _StepsCompletedContent,\n StepsPrevTrigger as _StepsPrevTrigger,\n StepsNextTrigger as _StepsNextTrigger,\n StepsStatus as _StepsStatus,\n};\n"],"mappings":"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"}

package/dist/chunks/switch-B351GNnT.esm.js ADDED Viewed

@@ -0,0 +1,71 @@
+import { t as e } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { n as t } from "./useFocusable-CzgpEOAv.esm.js";
+import { t as n } from "./useObjectRef-B_3vY5-Q.esm.js";
+import { t as r } from "./useToggle-B9oH7p52.esm.js";
+import { t as i } from "./useToggleState-F4WGjSdP.esm.js";
+import { t as a } from "./useFocusRing-CgvZuPOT.esm.js";
+import { i as o } from "./theme-CFqa_6UM.esm.js";
+import { t as s } from "./visually-hidden-C0SJSQ9z.esm.js";
+import { t as c } from "./extract-style-props-D519tVOc.esm.js";
+import { t as l } from "./merge-refs-C1GcH9iY.esm.js";
+import { useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createSlotRecipeContext as p, useSlotRecipe as m } from "@chakra-ui/react/styled-system";
+//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/switch/useSwitch.mjs
+function h(e, t, n) {
+	let { labelProps: i, inputProps: a, isSelected: o, ...s } = r(e, t, n);
+	return {
+		labelProps: i,
+		inputProps: {
+			...a,
+			role: "switch",
+			checked: o
+		},
+		isSelected: o,
+		...s
+	};
+}
+//#endregion
+//#region src/components/switch/switch.slots.tsx
+var { withProvider: g, withContext: _ } = p({ key: "nimbusSwitch" }), v = g("label", "root"), y = _("span", "label"), b = _("span", "track"), x = _("span", "thumb"), S = ({ ref: r, ...p }) => {
+	let g = u(null), _ = n(r ? l(g, r) : g), [S, C] = m({ recipe: o }).splitVariantProps(p), [w, T] = c(C), E = p["aria-disabled"] === !0 || p["aria-disabled"] === "true", D = i(p), { inputProps: O } = h(T, D, _), { isFocused: k, focusProps: A } = a(), j = u(null), { focusableProps: M } = t({ excludeFromTabOrder: !0 }, j), N = {
+		"data-selected": D.isSelected,
+		"data-invalid": p.isInvalid,
+		"data-disabled": p.isDisabled || E,
+		"data-focus": k || void 0
+	};
+	return /* @__PURE__ */ f(v, {
+		"data-slot": "root",
+		...S,
+		...N,
+		...w,
+		...M,
+		...E && { "data-allow-pointer": !0 },
+		ref: j,
+		children: [/* @__PURE__ */ f(b, {
+			"data-slot": "track",
+			...N,
+			children: [/* @__PURE__ */ d(x, {
+				"data-slot": "thumb",
+				...N
+			}), /* @__PURE__ */ d(s, {
+				as: "span",
+				children: /* @__PURE__ */ d("input", {
+					"data-slot": "input",
+					...e(O, A),
+					...E && { disabled: !0 },
+					ref: _
+				})
+			})]
+		}), p.children && /* @__PURE__ */ d(y, {
+			"data-slot": "label",
+			...N,
+			children: p.children
+		})]
+	});
+};
+S.displayName = "Switch";
+//#endregion
+export { S as t };
+//# sourceMappingURL=switch-B351GNnT.esm.js.map

package/dist/chunks/switch-B351GNnT.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"switch-B351GNnT.esm.js","names":[],"sources":["../../../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/switch/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $08312b2089c5b722$export$d853f7095ae95f88(props, state, ref) {\n let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, ...states } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, ref);\n return {\n labelProps: labelProps,\n inputProps: {\n ...inputProps,\n role: 'switch',\n checked: isSelected\n },\n isSelected: isSelected,\n ...states\n };\n}\n\n\nexport {$08312b2089c5b722$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n SwitchRootSlotProps,\n SwitchLabelSlotProps,\n SwitchTrackSlotProps,\n SwitchThumbSlotProps,\n} from \"./switch.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusSwitch\",\n});\n\nexport const SwitchRootSlot: SlotComponent<\n HTMLLabelElement,\n SwitchRootSlotProps\n> = withProvider<HTMLLabelElement, SwitchRootSlotProps>(\"label\", \"root\");\n\nexport const SwitchLabelSlot = withContext<\n HTMLSpanElement,\n SwitchLabelSlotProps\n>(\"span\", \"label\");\n\nexport const SwitchTrackSlot = withContext<\n HTMLSpanElement,\n SwitchTrackSlotProps\n>(\"span\", \"track\");\n\nexport const SwitchThumbSlot = withContext<\n HTMLSpanElement,\n SwitchThumbSlotProps\n>(\"span\", \"thumb\");\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport {\n useFocusRing,\n useSwitch,\n useObjectRef,\n useFocusable,\n mergeProps,\n} from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n SwitchRootSlot,\n SwitchTrackSlot,\n SwitchThumbSlot,\n SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * # Switch\n *\n * A clear, visual toggle, allowing users to activate or deactivate a setting quickly.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n const localRef = useRef<HTMLInputElement>(null);\n const ref = useObjectRef(\n externalRef ? mergeRefs(localRef, externalRef) : localRef\n );\n\n const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n const isAriaDisabled =\n props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n\n const state = useToggleState(props);\n const { inputProps } = useSwitch(functionalProps, state, ref);\n\n const { isFocused, focusProps } = useFocusRing();\n\n // Enable tooltip trigger support: reads from FocusableContext (set by Tooltip.Root)\n // to apply hover/focus handlers to the visible label element. No-op outside tooltips.\n // Must be called after useSwitch so the ref sync targets rootRef, not the hidden input.\n const rootRef = useRef<HTMLLabelElement>(null);\n const { focusableProps } = useFocusable(\n { excludeFromTabOrder: true },\n rootRef\n );\n\n const stateProps = {\n \"data-selected\": state.isSelected,\n \"data-invalid\": props.isInvalid,\n \"data-disabled\": props.isDisabled || isAriaDisabled,\n \"data-focus\": isFocused || undefined,\n };\n return (\n <SwitchRootSlot\n data-slot=\"root\"\n {...recipeProps}\n {...stateProps}\n {...styleProps}\n {...focusableProps}\n {...(isAriaDisabled && { \"data-allow-pointer\": true })}\n ref={rootRef}\n >\n <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n <VisuallyHidden as=\"span\">\n <input\n data-slot=\"input\"\n {...mergeProps(inputProps, focusProps)}\n {...(isAriaDisabled && { disabled: true })}\n ref={ref}\n />\n </VisuallyHidden>\n </SwitchTrackSlot>\n\n {props.children && (\n <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n {props.children}\n </SwitchLabelSlot>\n )}\n </SwitchRootSlot>\n );\n};\nSwitch.displayName = \"Switch\";\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;AAaA,SAAS,EAA0C,GAAO,GAAO,GAAK;CAClE,IAAI,EAAc,eAAwB,eAAwB,eAAY,GAAG,MAAe,EAA2C,GAAO,GAAO,CAAG;CAC5J,OAAO;EACS;EACZ,YAAY;GACR,GAAG;GACH,MAAM;GACN,SAAS;EACb;EACY;EACZ,GAAG;CACP;AACJ;;;AChBA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,eACP,CAAC,GAEY,IAGT,EAAoD,SAAS,MAAM,GAE1D,IAAkB,EAG7B,QAAQ,OAAO,GAEJ,IAAkB,EAG7B,QAAQ,OAAO,GAEJ,IAAkB,EAG7B,QAAQ,OAAO,GCHJ,KAAU,EAAE,KAAK,GAAa,GAAG,QAAyB;CACrE,IAAM,IAAW,EAAyB,IAAI,GACxC,IAAM,EACV,IAAc,EAAU,GAAU,CAAW,IAAI,CACnD,GAIM,CAAC,GAAa,KAFL,EAAc,EAAE,QAAQ,EAAiB,CAEjB,CAAA,CAAO,kBAAkB,CAAK,GAC/D,CAAC,GAAY,KAAmB,EAAkB,CAAe,GAEjE,IACJ,EAAM,qBAAqB,MAAQ,EAAM,qBAAqB,QAE1D,IAAQ,EAAe,CAAK,GAC5B,EAAE,kBAAe,EAAU,GAAiB,GAAO,CAAG,GAEtD,EAAE,cAAW,kBAAe,EAAa,GAKzC,IAAU,EAAyB,IAAI,GACvC,EAAE,sBAAmB,EACzB,EAAE,qBAAqB,GAAK,GAC5B,CACF,GAEM,IAAa;EACjB,iBAAiB,EAAM;EACvB,gBAAgB,EAAM;EACtB,iBAAiB,EAAM,cAAc;EACrC,cAAc,KAAa,KAAA;CAC7B;CACA,OACE,kBAAC,GAAD;EACE,aAAU;EACV,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAK,KAAkB,EAAE,sBAAsB,GAAK;EACpD,KAAK;YAPP,CASE,kBAAC,GAAD;GAAiB,aAAU;GAAQ,GAAI;aAAvC,CACE,kBAAC,GAAD;IAAiB,aAAU;IAAQ,GAAI;GAAa,CAAA,GACpD,kBAAC,GAAD;IAAgB,IAAG;cACjB,kBAAC,SAAD;KACE,aAAU;KACV,GAAI,EAAW,GAAY,CAAU;KACrC,GAAK,KAAkB,EAAE,UAAU,GAAK;KACnC;IACN,CAAA;GACa,CAAA,CACD;MAEhB,EAAM,YACL,kBAAC,GAAD;GAAiB,aAAU;GAAQ,GAAI;aACpC,EAAM;EACQ,CAAA,CAEL;;AAEpB;AACA,EAAO,cAAc"}

package/dist/chunks/switch-BSws2Bn9.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./mergeProps-B4zz6EqI.cjs.js"),t=require("./useFocusable-OFsWUWgb.cjs.js"),n=require("./useObjectRef-B_VeQHvx.cjs.js"),r=require("./useToggle-WawJgKE5.cjs.js"),i=require("./useToggleState-qNV7GBG-.cjs.js"),a=require("./useFocusRing-Bx86kFi9.cjs.js"),o=require("./theme-DA63MDZQ.cjs.js"),s=require("./visually-hidden-CnOICq5t.cjs.js"),c=require("./extract-style-props-WNdpT-ME.cjs.js"),l=require("./merge-refs-DjTl2ATo.cjs.js");let u=require("react"),d=require("react/jsx-runtime"),f=require("@chakra-ui/react/styled-system");function p(e,t,n){let{labelProps:i,inputProps:a,isSelected:o,...s}=r.t(e,t,n);return{labelProps:i,inputProps:{...a,role:`switch`,checked:o},isSelected:o,...s}}var{withProvider:m,withContext:h}=(0,f.createSlotRecipeContext)({key:`nimbusSwitch`}),g=m(`label`,`root`),_=h(`span`,`label`),v=h(`span`,`track`),y=h(`span`,`thumb`),b=({ref:r,...m})=>{let h=(0,u.useRef)(null),b=n.t(r?l.t(h,r):h),[x,S]=(0,f.useSlotRecipe)({recipe:o.i}).splitVariantProps(m),[C,w]=c.t(S),T=m[`aria-disabled`]===!0\|\|m[`aria-disabled`]===`true`,E=i.t(m),{inputProps:D}=p(w,E,b),{isFocused:O,focusProps:k}=a.t(),A=(0,u.useRef)(null),{focusableProps:j}=t.n({excludeFromTabOrder:!0},A),M={"data-selected":E.isSelected,"data-invalid":m.isInvalid,"data-disabled":m.isDisabled\|\|T,"data-focus":O\|\|void 0};return(0,d.jsxs)(g,{"data-slot":`root`,...x,...M,...C,...j,...T&&{"data-allow-pointer":!0},ref:A,children:[(0,d.jsxs)(v,{"data-slot":`track`,...M,children:[(0,d.jsx)(y,{"data-slot":`thumb`,...M}),(0,d.jsx)(s.t,{as:`span`,children:(0,d.jsx)(`input`,{"data-slot":`input`,...e.t(D,k),...T&&{disabled:!0},ref:b})})]}),m.children&&(0,d.jsx)(_,{"data-slot":`label`,...M,children:m.children})]})};b.displayName=`Switch`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});
2	+ //# sourceMappingURL=switch-BSws2Bn9.cjs.js.map

package/dist/chunks/switch-BSws2Bn9.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"switch-BSws2Bn9.cjs.js","names":["$876b6f32ca5a04c3$export$cbe85ee05b554577"],"sources":["../../../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/switch/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $08312b2089c5b722$export$d853f7095ae95f88(props, state, ref) {\n let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, ...states } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, ref);\n return {\n labelProps: labelProps,\n inputProps: {\n ...inputProps,\n role: 'switch',\n checked: isSelected\n },\n isSelected: isSelected,\n ...states\n };\n}\n\n\nexport {$08312b2089c5b722$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n SwitchRootSlotProps,\n SwitchLabelSlotProps,\n SwitchTrackSlotProps,\n SwitchThumbSlotProps,\n} from \"./switch.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusSwitch\",\n});\n\nexport const SwitchRootSlot: SlotComponent<\n HTMLLabelElement,\n SwitchRootSlotProps\n> = withProvider<HTMLLabelElement, SwitchRootSlotProps>(\"label\", \"root\");\n\nexport const SwitchLabelSlot = withContext<\n HTMLSpanElement,\n SwitchLabelSlotProps\n>(\"span\", \"label\");\n\nexport const SwitchTrackSlot = withContext<\n HTMLSpanElement,\n SwitchTrackSlotProps\n>(\"span\", \"track\");\n\nexport const SwitchThumbSlot = withContext<\n HTMLSpanElement,\n SwitchThumbSlotProps\n>(\"span\", \"thumb\");\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport {\n useFocusRing,\n useSwitch,\n useObjectRef,\n useFocusable,\n mergeProps,\n} from \"react-aria\";\nimport { extractStyleProps, mergeRefs } from \"@/utils\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n SwitchRootSlot,\n SwitchTrackSlot,\n SwitchThumbSlot,\n SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * # Switch\n *\n * A clear, visual toggle, allowing users to activate or deactivate a setting quickly.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n const localRef = useRef<HTMLInputElement>(null);\n const ref = useObjectRef(\n externalRef ? mergeRefs(localRef, externalRef) : localRef\n );\n\n const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n const isAriaDisabled =\n props[\"aria-disabled\"] === true || props[\"aria-disabled\"] === \"true\";\n\n const state = useToggleState(props);\n const { inputProps } = useSwitch(functionalProps, state, ref);\n\n const { isFocused, focusProps } = useFocusRing();\n\n // Enable tooltip trigger support: reads from FocusableContext (set by Tooltip.Root)\n // to apply hover/focus handlers to the visible label element. No-op outside tooltips.\n // Must be called after useSwitch so the ref sync targets rootRef, not the hidden input.\n const rootRef = useRef<HTMLLabelElement>(null);\n const { focusableProps } = useFocusable(\n { excludeFromTabOrder: true },\n rootRef\n );\n\n const stateProps = {\n \"data-selected\": state.isSelected,\n \"data-invalid\": props.isInvalid,\n \"data-disabled\": props.isDisabled || isAriaDisabled,\n \"data-focus\": isFocused || undefined,\n };\n return (\n <SwitchRootSlot\n data-slot=\"root\"\n {...recipeProps}\n {...stateProps}\n {...styleProps}\n {...focusableProps}\n {...(isAriaDisabled && { \"data-allow-pointer\": true })}\n ref={rootRef}\n >\n <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n <VisuallyHidden as=\"span\">\n <input\n data-slot=\"input\"\n {...mergeProps(inputProps, focusProps)}\n {...(isAriaDisabled && { disabled: true })}\n ref={ref}\n />\n </VisuallyHidden>\n </SwitchTrackSlot>\n\n {props.children && (\n <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n {props.children}\n </SwitchLabelSlot>\n )}\n </SwitchRootSlot>\n );\n};\nSwitch.displayName = \"Switch\";\n"],"x_google_ignoreList":[0],"mappings":"8hBAaA,SAAS,EAA0C,EAAO,EAAO,EAAK,CAClE,GAAI,CAAc,aAAwB,aAAwB,aAAY,GAAG,GAAeA,EAAAA,EAA2C,EAAO,EAAO,CAAG,EAC5J,MAAO,CACS,aACZ,WAAY,CACR,GAAG,EACH,KAAM,SACN,QAAS,CACb,EACY,aACZ,GAAG,CACP,CACJ,CChBA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,wBAAA,CAAwC,CAC5D,IAAK,cACP,CAAC,EAEY,EAGT,EAAoD,QAAS,MAAM,EAE1D,EAAkB,EAG7B,OAAQ,OAAO,EAEJ,EAAkB,EAG7B,OAAQ,OAAO,EAEJ,EAAkB,EAG7B,OAAQ,OAAO,ECHJ,GAAU,CAAE,IAAK,EAAa,GAAG,KAAyB,CACrE,IAAM,GAAA,EAAA,EAAA,OAAA,CAAoC,IAAI,EACxC,EAAM,EAAA,EACV,EAAc,EAAA,EAAU,EAAU,CAAW,EAAI,CACnD,EAIM,CAAC,EAAa,IAAA,EAAA,EAAA,cAAA,CAFS,CAAE,OAAQ,EAAA,CAAiB,CAEjB,CAAA,CAAO,kBAAkB,CAAK,EAC/D,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAe,EAEjE,EACJ,EAAM,mBAAqB,IAAQ,EAAM,mBAAqB,OAE1D,EAAQ,EAAA,EAAe,CAAK,EAC5B,CAAE,cAAe,EAAU,EAAiB,EAAO,CAAG,EAEtD,CAAE,YAAW,cAAe,EAAA,EAAa,EAKzC,GAAA,EAAA,EAAA,OAAA,CAAmC,IAAI,EACvC,CAAE,kBAAmB,EAAA,EACzB,CAAE,oBAAqB,EAAK,EAC5B,CACF,EAEM,EAAa,CACjB,gBAAiB,EAAM,WACvB,eAAgB,EAAM,UACtB,gBAAiB,EAAM,YAAc,EACrC,aAAc,GAAa,IAAA,EAC7B,EACA,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,YAAU,OACV,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAK,GAAkB,CAAE,qBAAsB,EAAK,EACpD,IAAK,WAPP,EASE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,WAAvC,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,CAAa,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAgB,GAAG,iBACjB,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,YAAU,QACV,GAAI,EAAA,EAAW,EAAY,CAAU,EACrC,GAAK,GAAkB,CAAE,SAAU,EAAK,EACnC,KACN,CAAA,CACa,CAAA,CACD,IAEhB,EAAM,WACL,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,YAAU,QAAQ,GAAI,WACpC,EAAM,QACQ,CAAA,CAEL,GAEpB,EACA,EAAO,YAAc"}

package/dist/chunks/tab-nav-BMNdumQw.esm.js ADDED Viewed

@@ -0,0 +1,66 @@
+import { t as e } from "./Link-D_CNmmCC.esm.js";
+import { n as t, t as n } from "./resolve-variant-alias-23u-qALe.esm.js";
+import { useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createSlotRecipeContext as o } from "@chakra-ui/react/styled-system";
+//#region src/components/tab-nav/tab-nav.slots.tsx
+var { withProvider: s, withContext: c } = o({ key: "nimbusTabNav" }), l = s("nav", "root"), u = c("a", "item"), d = c("div", "indicator"), f = 2, p = { tabs: "line" }, m = (e) => {
+	let { variant: o, children: s, ref: c, ...u } = e, m = n(o, p), h = typeof m == "string" ? m : "line", g = h === "line", _ = r(null);
+	return t({
+		enabled: !0,
+		indicatorRef: _,
+		activeSelector: "[aria-current=\"page\"]",
+		watchAttributes: ["aria-current"],
+		itemSelector: "a",
+		deps: [h],
+		getGeometry: ({ container: e, active: t }) => {
+			let n = t.left - e.left, r = t.top - e.top;
+			return g ? {
+				x: n,
+				y: r + t.height - f,
+				width: t.width,
+				height: f
+			} : {
+				x: n,
+				y: r,
+				width: t.width,
+				height: t.height
+			};
+		}
+	}), /* @__PURE__ */ a(l, {
+		ref: c,
+		variant: m,
+		...u,
+		children: [/* @__PURE__ */ i(d, {
+			ref: _,
+			"aria-hidden": "true"
+		}), s]
+	});
+};
+m.displayName = "TabNav.Root";
+//#endregion
+//#region src/components/tab-nav/components/tab-nav.item.tsx
+var h = ({ children: t, href: n, isCurrent: r, isDisabled: a, target: o, rel: s, ref: c, ...l }) => /* @__PURE__ */ i(u, {
+	asChild: !0,
+	ref: c,
+	...l,
+	children: /* @__PURE__ */ i(e, {
+		href: a ? void 0 : n,
+		isDisabled: a,
+		target: o,
+		rel: s,
+		"aria-current": r ? "page" : void 0,
+		children: t
+	})
+});
+h.displayName = "TabNav.Item";
+//#endregion
+//#region src/components/tab-nav/tab-nav.tsx
+var g = {
+	Root: m,
+	Item: h
+};
+//#endregion
+export { h as n, m as r, g as t };
+//# sourceMappingURL=tab-nav-BMNdumQw.esm.js.map

package/dist/chunks/tab-nav-BMNdumQw.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tab-nav-BMNdumQw.esm.js","names":[],"sources":["../../src/components/tab-nav/tab-nav.slots.tsx","../../src/components/tab-nav/components/tab-nav.root.tsx","../../src/components/tab-nav/components/tab-nav.item.tsx","../../src/components/tab-nav/tab-nav.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n TabNavRootSlotProps,\n TabNavItemSlotProps,\n TabNavIndicatorSlotProps,\n} from \"./tab-nav.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusTabNav\",\n});\n\n/**\n * Root slot component providing the styling context for the TabNav component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n * Renders as a `<nav>` landmark element.\n */\nexport const TabNavRootSlot: SlotComponent<HTMLElement, TabNavRootSlotProps> =\n withProvider<HTMLElement, TabNavRootSlotProps>(\"nav\", \"root\");\n\n/**\n * Item slot component for individual tab navigation links.\n * Consumes the styling context from `TabNavRootSlot`.\n * Renders as an `<a>` element.\n */\nexport const TabNavItemSlot: SlotComponent<\n HTMLAnchorElement,\n TabNavItemSlotProps\n> = withContext<HTMLAnchorElement, TabNavItemSlotProps>(\"a\", \"item\");\n\n/**\n * Internal slot for the sliding active-item marker. Rendered automatically by\n * `TabNav.Root` and positioned by `useSlidingIndicator` — not part of the public\n * compound API.\n */\nexport const TabNavIndicatorSlot: SlotComponent<\n HTMLDivElement,\n TabNavIndicatorSlotProps\n> = withContext<HTMLDivElement, TabNavIndicatorSlotProps>(\"div\", \"indicator\");\n","import { useRef } from \"react\";\nimport { useSlidingIndicator } from \"@/hooks\";\nimport type { SlidingIndicatorRects } from \"@/hooks\";\nimport { resolveVariantAlias } from \"@/utils\";\nimport { TabNavRootSlot, TabNavIndicatorSlot } from \"../tab-nav.slots\";\nimport type { TabNavProps } from \"../tab-nav.types\";\n\n/** Thickness of the sliding bar used by the `line` variant. */\nconst LINE_BAR_PX = 2;\n\n/** Deprecated variant aliases → their replacement. */\nconst VARIANT_ALIASES: Record<string, \"line\" | \"rounded\" | \"pill\"> = {\n tabs: \"line\",\n};\n\n/**\n * # TabNav.Root\n *\n * The root container for the TabNav component. Renders a `<nav>` landmark\n * that provides the styling context for all child `TabNav.Item` links.\n *\n * Use this with `TabNav.Item` to build tab-styled navigation for route-based\n * navigation (not content-switching panels).\n *\n * @supportsStyleProps\n */\nexport const TabNavRoot = (props: TabNavProps) => {\n const { variant: variantProp, children, ref, ...rest } = props;\n\n // Resolve deprecated aliases (e.g. `tabs` → `line`) to the real variant.\n const variant = resolveVariantAlias(variantProp, VARIANT_ALIASES);\n\n // Stable string used for indicator geometry/styling and effect deps. A\n // responsive `variant` object falls back to the default look for the slider.\n const variantName = typeof variant === \"string\" ? variant : \"line\";\n const isLine = variantName === \"line\";\n\n const indicatorRef = useRef<HTMLDivElement>(null);\n\n // Drive the sliding active-item marker: an `aria-hidden`, non-focusable\n // element rendered inside the root and DOM-positioned over the current item (a\n // bar for `line`, a full-height highlight for `rounded`/`pill`). The recipe's\n // static marker is the SSR/no-JS fallback, suppressed via `data-animated` once\n // this hook activates; the slide respects `prefers-reduced-motion`.\n useSlidingIndicator({\n // Always on: the slide is a fixed design decision with no per-instance\n // toggle. `enabled` exists for the generic hook (so a future caller could\n // opt out), not as a TabNav prop — don't go looking for a switch here.\n enabled: true,\n indicatorRef,\n activeSelector: '[aria-current=\"page\"]',\n watchAttributes: [\"aria-current\"],\n itemSelector: \"a\",\n deps: [variantName],\n getGeometry: ({ container, active }: SlidingIndicatorRects) => {\n const x = active.left - container.left;\n const y = active.top - container.top;\n if (isLine) {\n // Pin a thin bar to the active item's bottom edge.\n return {\n x,\n y: y + active.height - LINE_BAR_PX,\n width: active.width,\n height: LINE_BAR_PX,\n };\n }\n // Full-height highlight behind the label.\n return { x, y, width: active.width, height: active.height };\n },\n });\n\n return (\n <TabNavRootSlot ref={ref} variant={variant} {...rest}>\n <TabNavIndicatorSlot ref={indicatorRef} aria-hidden=\"true\" />\n {children}\n </TabNavRootSlot>\n );\n};\n\nTabNavRoot.displayName = \"TabNav.Root\";\n","import { Link as RALink } from \"react-aria-components\";\nimport { TabNavItemSlot } from \"../tab-nav.slots\";\nimport type { TabNavItemProps } from \"../tab-nav.types\";\n\n/**\n * # TabNav.Item\n *\n * An individual tab-styled navigation link. Renders as an `<a>` element.\n *\n * When `isCurrent` is true, sets `aria-current=\"page\"` on the anchor to\n * indicate to assistive technologies that this link represents the current page.\n * Uses standard sequential Tab key navigation — no roving tabindex.\n *\n * @supportsStyleProps\n */\nexport const TabNavItem = ({\n children,\n href,\n isCurrent,\n isDisabled,\n target,\n rel,\n ref,\n ...rest\n}: TabNavItemProps) => {\n return (\n <TabNavItemSlot asChild ref={ref} {...rest}>\n <RALink\n href={isDisabled ? undefined : href}\n isDisabled={isDisabled}\n target={target}\n rel={rel}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {children}\n </RALink>\n </TabNavItemSlot>\n );\n};\n\nTabNavItem.displayName = \"TabNav.Item\";\n","import { TabNavRoot, TabNavItem } from \"./components\";\n\n/**\n * TabNav\n * ============================================================\n * A tab-styled navigation component for route-based navigation links.\n * Renders proper navigation semantics (`<nav>` landmark, `<a>` elements,\n * `aria-current=\"page\"`) for WCAG 2.1 AA compliant page navigation.\n *\n * Unlike the `Tabs` component (which uses `role=\"tablist\"` and roving tabindex\n * for content-switching), `TabNav` uses standard sequential Tab key navigation\n * and is appropriate for navigating between routes or page views.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/tab-nav}\n *\n * @example\n * ```tsx\n * <TabNav.Root>\n * <TabNav.Item href=\"/orders/123/general\" isCurrent>\n * General\n * </TabNav.Item>\n * <TabNav.Item href=\"/orders/123/items\">Items</TabNav.Item>\n * <TabNav.Item href=\"/orders/123/shipping\">Shipping</TabNav.Item>\n * </TabNav.Root>\n * ```\n */\nexport const TabNav = {\n /**\n * # TabNav.Root\n *\n * The root container for the tab navigation. Renders a `<nav>` landmark\n * with the tab strip styling.\n *\n * @example\n * ```tsx\n * <TabNav.Root variant=\"line\">\n * <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n * <TabNav.Item href=\"/items\">Items</TabNav.Item>\n * </TabNav.Root>\n * ```\n */\n Root: TabNavRoot,\n /**\n * # TabNav.Item\n *\n * An individual tab-styled navigation link. Renders as an `<a>` element.\n * Use `isCurrent` to mark the active navigation item.\n *\n * @example\n * ```tsx\n * <TabNav.Item href=\"/orders/123/general\" isCurrent>\n * General\n * </TabNav.Item>\n * ```\n */\n Item: TabNavItem,\n};\n\nexport type { TabNavProps, TabNavItemProps } from \"./tab-nav.types\";\n\n/**\n * todo: get rid of this, this is needed for the react-docgen-typescript script\n * that is parsing the typescript types for our documentation. The _ underscores\n * serve as a reminder that this exports are awkward and should not be used.\n */\nexport { TabNavRoot as _TabNavRoot, TabNavItem as _TabNavItem };\n"],"mappings":";;;;;;AAQA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,eACP,CAAC,GAOY,IACX,EAA+C,OAAO,MAAM,GAOjD,IAGT,EAAoD,KAAK,MAAM,GAOtD,IAGT,EAAsD,OAAO,WAAW,GC9BtE,IAAc,GAGd,IAA+D,EACnE,MAAM,OACR,GAaa,KAAc,MAAuB;CAChD,IAAM,EAAE,SAAS,GAAa,aAAU,QAAK,GAAG,MAAS,GAGnD,IAAU,EAAoB,GAAa,CAAe,GAI1D,IAAc,OAAO,KAAY,WAAW,IAAU,QACtD,IAAS,MAAgB,QAEzB,IAAe,EAAuB,IAAI;CAkChD,OA3BA,EAAoB;EAIlB,SAAS;EACT;EACA,gBAAgB;EAChB,iBAAiB,CAAC,cAAc;EAChC,cAAc;EACd,MAAM,CAAC,CAAW;EAClB,cAAc,EAAE,cAAW,gBAAoC;GAC7D,IAAM,IAAI,EAAO,OAAO,EAAU,MAC5B,IAAI,EAAO,MAAM,EAAU;GAWjC,OAVI,IAEK;IACL;IACA,GAAG,IAAI,EAAO,SAAS;IACvB,OAAO,EAAO;IACd,QAAQ;GACV,IAGK;IAAE;IAAG;IAAG,OAAO,EAAO;IAAO,QAAQ,EAAO;GAAO;EAC5D;CACF,CAAC,GAGC,kBAAC,GAAD;EAAqB;EAAc;EAAS,GAAI;YAAhD,CACE,kBAAC,GAAD;GAAqB,KAAK;GAAc,eAAY;EAAQ,CAAA,GAC3D,CACa;;AAEpB;AAEA,EAAW,cAAc;;;AChEzB,IAAa,KAAc,EACzB,aACA,SACA,cACA,eACA,WACA,QACA,QACA,GAAG,QAGD,kBAAC,GAAD;CAAgB,SAAA;CAAa;CAAK,GAAI;WACpC,kBAAC,GAAD;EACE,MAAM,IAAa,KAAA,IAAY;EACnB;EACJ;EACH;EACL,gBAAc,IAAY,SAAS,KAAA;EAElC;CACK,CAAA;AACM,CAAA;AAIpB,EAAW,cAAc;;;ACdzB,IAAa,IAAS;CAepB,MAAM;CAcN,MAAM;AACR"}

package/dist/chunks/tab-nav-Dy6pg3Cf.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./Link-BmoXcCA3.cjs.js"),t=require("./resolve-variant-alias-cAzNvR5B.cjs.js");let n=require("react"),r=require("react/jsx-runtime");var{withProvider:i,withContext:a}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusTabNav`}),o=i(`nav`,`root`),s=a(`a`,`item`),c=a(`div`,`indicator`),l=2,u={tabs:`line`},d=e=>{let{variant:i,children:a,ref:s,...d}=e,f=t.t(i,u),p=typeof f==`string`?f:`line`,m=p===`line`,h=(0,n.useRef)(null);return t.n({enabled:!0,indicatorRef:h,activeSelector:`[aria-current="page"]`,watchAttributes:[`aria-current`],itemSelector:`a`,deps:[p],getGeometry:({container:e,active:t})=>{let n=t.left-e.left,r=t.top-e.top;return m?{x:n,y:r+t.height-l,width:t.width,height:l}:{x:n,y:r,width:t.width,height:t.height}}}),(0,r.jsxs)(o,{ref:s,variant:f,...d,children:[(0,r.jsx)(c,{ref:h,"aria-hidden":`true`}),a]})};d.displayName=`TabNav.Root`;var f=({children:t,href:n,isCurrent:i,isDisabled:a,target:o,rel:c,ref:l,...u})=>(0,r.jsx)(s,{asChild:!0,ref:l,...u,children:(0,r.jsx)(e.t,{href:a?void 0:n,isDisabled:a,target:o,rel:c,"aria-current":i?`page`:void 0,children:t})});f.displayName=`TabNav.Item`;var p={Root:d,Item:f};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
2	+ //# sourceMappingURL=tab-nav-Dy6pg3Cf.cjs.js.map

package/dist/chunks/tab-nav-Dy6pg3Cf.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tab-nav-Dy6pg3Cf.cjs.js","names":[],"sources":["../../src/components/tab-nav/tab-nav.slots.tsx","../../src/components/tab-nav/components/tab-nav.root.tsx","../../src/components/tab-nav/components/tab-nav.item.tsx","../../src/components/tab-nav/tab-nav.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n TabNavRootSlotProps,\n TabNavItemSlotProps,\n TabNavIndicatorSlotProps,\n} from \"./tab-nav.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusTabNav\",\n});\n\n/**\n * Root slot component providing the styling context for the TabNav component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n * Renders as a `<nav>` landmark element.\n */\nexport const TabNavRootSlot: SlotComponent<HTMLElement, TabNavRootSlotProps> =\n withProvider<HTMLElement, TabNavRootSlotProps>(\"nav\", \"root\");\n\n/**\n * Item slot component for individual tab navigation links.\n * Consumes the styling context from `TabNavRootSlot`.\n * Renders as an `<a>` element.\n */\nexport const TabNavItemSlot: SlotComponent<\n HTMLAnchorElement,\n TabNavItemSlotProps\n> = withContext<HTMLAnchorElement, TabNavItemSlotProps>(\"a\", \"item\");\n\n/**\n * Internal slot for the sliding active-item marker. Rendered automatically by\n * `TabNav.Root` and positioned by `useSlidingIndicator` — not part of the public\n * compound API.\n */\nexport const TabNavIndicatorSlot: SlotComponent<\n HTMLDivElement,\n TabNavIndicatorSlotProps\n> = withContext<HTMLDivElement, TabNavIndicatorSlotProps>(\"div\", \"indicator\");\n","import { useRef } from \"react\";\nimport { useSlidingIndicator } from \"@/hooks\";\nimport type { SlidingIndicatorRects } from \"@/hooks\";\nimport { resolveVariantAlias } from \"@/utils\";\nimport { TabNavRootSlot, TabNavIndicatorSlot } from \"../tab-nav.slots\";\nimport type { TabNavProps } from \"../tab-nav.types\";\n\n/** Thickness of the sliding bar used by the `line` variant. */\nconst LINE_BAR_PX = 2;\n\n/** Deprecated variant aliases → their replacement. */\nconst VARIANT_ALIASES: Record<string, \"line\" | \"rounded\" | \"pill\"> = {\n tabs: \"line\",\n};\n\n/**\n * # TabNav.Root\n *\n * The root container for the TabNav component. Renders a `<nav>` landmark\n * that provides the styling context for all child `TabNav.Item` links.\n *\n * Use this with `TabNav.Item` to build tab-styled navigation for route-based\n * navigation (not content-switching panels).\n *\n * @supportsStyleProps\n */\nexport const TabNavRoot = (props: TabNavProps) => {\n const { variant: variantProp, children, ref, ...rest } = props;\n\n // Resolve deprecated aliases (e.g. `tabs` → `line`) to the real variant.\n const variant = resolveVariantAlias(variantProp, VARIANT_ALIASES);\n\n // Stable string used for indicator geometry/styling and effect deps. A\n // responsive `variant` object falls back to the default look for the slider.\n const variantName = typeof variant === \"string\" ? variant : \"line\";\n const isLine = variantName === \"line\";\n\n const indicatorRef = useRef<HTMLDivElement>(null);\n\n // Drive the sliding active-item marker: an `aria-hidden`, non-focusable\n // element rendered inside the root and DOM-positioned over the current item (a\n // bar for `line`, a full-height highlight for `rounded`/`pill`). The recipe's\n // static marker is the SSR/no-JS fallback, suppressed via `data-animated` once\n // this hook activates; the slide respects `prefers-reduced-motion`.\n useSlidingIndicator({\n // Always on: the slide is a fixed design decision with no per-instance\n // toggle. `enabled` exists for the generic hook (so a future caller could\n // opt out), not as a TabNav prop — don't go looking for a switch here.\n enabled: true,\n indicatorRef,\n activeSelector: '[aria-current=\"page\"]',\n watchAttributes: [\"aria-current\"],\n itemSelector: \"a\",\n deps: [variantName],\n getGeometry: ({ container, active }: SlidingIndicatorRects) => {\n const x = active.left - container.left;\n const y = active.top - container.top;\n if (isLine) {\n // Pin a thin bar to the active item's bottom edge.\n return {\n x,\n y: y + active.height - LINE_BAR_PX,\n width: active.width,\n height: LINE_BAR_PX,\n };\n }\n // Full-height highlight behind the label.\n return { x, y, width: active.width, height: active.height };\n },\n });\n\n return (\n <TabNavRootSlot ref={ref} variant={variant} {...rest}>\n <TabNavIndicatorSlot ref={indicatorRef} aria-hidden=\"true\" />\n {children}\n </TabNavRootSlot>\n );\n};\n\nTabNavRoot.displayName = \"TabNav.Root\";\n","import { Link as RALink } from \"react-aria-components\";\nimport { TabNavItemSlot } from \"../tab-nav.slots\";\nimport type { TabNavItemProps } from \"../tab-nav.types\";\n\n/**\n * # TabNav.Item\n *\n * An individual tab-styled navigation link. Renders as an `<a>` element.\n *\n * When `isCurrent` is true, sets `aria-current=\"page\"` on the anchor to\n * indicate to assistive technologies that this link represents the current page.\n * Uses standard sequential Tab key navigation — no roving tabindex.\n *\n * @supportsStyleProps\n */\nexport const TabNavItem = ({\n children,\n href,\n isCurrent,\n isDisabled,\n target,\n rel,\n ref,\n ...rest\n}: TabNavItemProps) => {\n return (\n <TabNavItemSlot asChild ref={ref} {...rest}>\n <RALink\n href={isDisabled ? undefined : href}\n isDisabled={isDisabled}\n target={target}\n rel={rel}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {children}\n </RALink>\n </TabNavItemSlot>\n );\n};\n\nTabNavItem.displayName = \"TabNav.Item\";\n","import { TabNavRoot, TabNavItem } from \"./components\";\n\n/**\n * TabNav\n * ============================================================\n * A tab-styled navigation component for route-based navigation links.\n * Renders proper navigation semantics (`<nav>` landmark, `<a>` elements,\n * `aria-current=\"page\"`) for WCAG 2.1 AA compliant page navigation.\n *\n * Unlike the `Tabs` component (which uses `role=\"tablist\"` and roving tabindex\n * for content-switching), `TabNav` uses standard sequential Tab key navigation\n * and is appropriate for navigating between routes or page views.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/tab-nav}\n *\n * @example\n * ```tsx\n * <TabNav.Root>\n * <TabNav.Item href=\"/orders/123/general\" isCurrent>\n * General\n * </TabNav.Item>\n * <TabNav.Item href=\"/orders/123/items\">Items</TabNav.Item>\n * <TabNav.Item href=\"/orders/123/shipping\">Shipping</TabNav.Item>\n * </TabNav.Root>\n * ```\n */\nexport const TabNav = {\n /**\n * # TabNav.Root\n *\n * The root container for the tab navigation. Renders a `<nav>` landmark\n * with the tab strip styling.\n *\n * @example\n * ```tsx\n * <TabNav.Root variant=\"line\">\n * <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n * <TabNav.Item href=\"/items\">Items</TabNav.Item>\n * </TabNav.Root>\n * ```\n */\n Root: TabNavRoot,\n /**\n * # TabNav.Item\n *\n * An individual tab-styled navigation link. Renders as an `<a>` element.\n * Use `isCurrent` to mark the active navigation item.\n *\n * @example\n * ```tsx\n * <TabNav.Item href=\"/orders/123/general\" isCurrent>\n * General\n * </TabNav.Item>\n * ```\n */\n Item: TabNavItem,\n};\n\nexport type { TabNavProps, TabNavItemProps } from \"./tab-nav.types\";\n\n/**\n * todo: get rid of this, this is needed for the react-docgen-typescript script\n * that is parsing the typescript types for our documentation. The _ underscores\n * serve as a reminder that this exports are awkward and should not be used.\n */\nexport { TabNavRoot as _TabNavRoot, TabNavItem as _TabNavItem };\n"],"mappings":"qJAQA,GAAM,CAAE,eAAc,gBAAA,0CAAA,CAAA,CAAA,wBAAA,CAAwC,CAC5D,IAAK,cACP,CAAC,EAOY,EACX,EAA+C,MAAO,MAAM,EAOjD,EAGT,EAAoD,IAAK,MAAM,EAOtD,EAGT,EAAsD,MAAO,WAAW,EC9BtE,EAAc,EAGd,EAA+D,CACnE,KAAM,MACR,EAaa,EAAc,GAAuB,CAChD,GAAM,CAAE,QAAS,EAAa,WAAU,MAAK,GAAG,GAAS,EAGnD,EAAU,EAAA,EAAoB,EAAa,CAAe,EAI1D,EAAc,OAAO,GAAY,SAAW,EAAU,OACtD,EAAS,IAAgB,OAEzB,GAAA,EAAA,EAAA,OAAA,CAAsC,IAAI,EAkChD,OA3BA,EAAA,EAAoB,CAIlB,QAAS,GACT,eACA,eAAgB,wBAChB,gBAAiB,CAAC,cAAc,EAChC,aAAc,IACd,KAAM,CAAC,CAAW,EAClB,aAAc,CAAE,YAAW,YAAoC,CAC7D,IAAM,EAAI,EAAO,KAAO,EAAU,KAC5B,EAAI,EAAO,IAAM,EAAU,IAWjC,OAVI,EAEK,CACL,IACA,EAAG,EAAI,EAAO,OAAS,EACvB,MAAO,EAAO,MACd,OAAQ,CACV,EAGK,CAAE,IAAG,IAAG,MAAO,EAAO,MAAO,OAAQ,EAAO,MAAO,CAC5D,CACF,CAAC,GAGC,EAAA,EAAA,KAAA,CAAC,EAAD,CAAqB,MAAc,UAAS,GAAI,WAAhD,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,IAAK,EAAc,cAAY,MAAQ,CAAA,EAC3D,CACa,GAEpB,EAEA,EAAW,YAAc,cChEzB,IAAa,GAAc,CACzB,WACA,OACA,YACA,aACA,SACA,MACA,MACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAAgB,QAAA,GAAa,MAAK,GAAI,YACpC,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,KAAM,EAAa,IAAA,GAAY,EACnB,aACJ,SACH,MACL,eAAc,EAAY,OAAS,IAAA,GAElC,UACK,CAAA,CACM,CAAA,EAIpB,EAAW,YAAc,cCdzB,IAAa,EAAS,CAepB,KAAM,EAcN,KAAM,CACR"}

package/dist/chunks/table-BF5v-4YU.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./box-B6vF0vdN.cjs.js"),t=require("./extract-style-props-WNdpT-ME.cjs.js");let n=require("react/jsx-runtime"),r=require("@chakra-ui/react/styled-system");var{withProvider:i,withContext:a}=(0,r.createSlotRecipeContext)({key:`nimbusTable`}),o=i(`table`,`root`),s=a(`caption`,`caption`),c=a(`thead`,`header`),l=a(`tbody`,`body`),u=a(`tfoot`,`footer`),d=a(`tr`,`row`),f=a(`th`,`columnHeader`),p=a(`td`,`cell`),m=e=>{let{ref:i,...a}=e,[s,c]=(0,r.useSlotRecipe)({key:`nimbusTable`}).splitVariantProps(a),[l,u]=t.t(c);return(0,n.jsx)(o,{ref:i,...s,...l,...u})};m.displayName=`Table.Root`;var h=e=>(0,n.jsx)(s,{...e});h.displayName=`Table.Caption`;var g=e=>(0,n.jsx)(c,{...e});g.displayName=`Table.Header`;var _=e=>(0,n.jsx)(l,{...e});_.displayName=`Table.Body`;var v=e=>(0,n.jsx)(u,{...e});v.displayName=`Table.Footer`;var y=e=>(0,n.jsx)(d,{...e});y.displayName=`Table.Row`;var b=e=>(0,n.jsx)(f,{...e});b.displayName=`Table.ColumnHeader`;var x=e=>(0,n.jsx)(p,{...e});x.displayName=`Table.Cell`;var S=t=>(0,n.jsx)(e.t,{as:`div`,overflow:`auto`,...t});S.displayName=`Table.ScrollArea`;var C=t=>(0,n.jsx)(e.t,{as:`colgroup`,...t});C.displayName=`Table.ColumnGroup`;var w=t=>(0,n.jsx)(e.t,{as:`col`,...t});w.displayName=`Table.Column`;var T={Root:m,Caption:h,Header:g,Body:_,Footer:v,Row:y,ColumnHeader:b,Cell:x,ScrollArea:S,ColumnGroup:C,Column:w};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return m}});
2	+ //# sourceMappingURL=table-BF5v-4YU.cjs.js.map

package/dist/chunks/table-BF5v-4YU.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"table-BF5v-4YU.cjs.js","names":[],"sources":["../../src/components/table/table.slots.tsx","../../src/components/table/table.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusTable\",\n});\n\nexport type TableRootSlotProps = HTMLChakraProps<\"table\">;\nexport const TableRootSlot: SlotComponent<\n HTMLTableElement,\n TableRootSlotProps\n> = withProvider<HTMLTableElement, TableRootSlotProps>(\"table\", \"root\");\n\nexport type TableCaptionSlotProps = HTMLChakraProps<\"caption\">;\nexport const TableCaptionSlot: SlotComponent<\n HTMLTableCaptionElement,\n TableCaptionSlotProps\n> = withContext<HTMLTableCaptionElement, TableCaptionSlotProps>(\n \"caption\",\n \"caption\"\n);\n\nexport type TableHeaderSlotProps = HTMLChakraProps<\"thead\">;\nexport const TableHeaderSlot: SlotComponent<\n HTMLTableSectionElement,\n TableHeaderSlotProps\n> = withContext<HTMLTableSectionElement, TableHeaderSlotProps>(\n \"thead\",\n \"header\"\n);\n\nexport type TableBodySlotProps = HTMLChakraProps<\"tbody\">;\nexport const TableBodySlot: SlotComponent<\n HTMLTableSectionElement,\n TableBodySlotProps\n> = withContext<HTMLTableSectionElement, TableBodySlotProps>(\"tbody\", \"body\");\n\nexport type TableFooterSlotProps = HTMLChakraProps<\"tfoot\">;\nexport const TableFooterSlot: SlotComponent<\n HTMLTableSectionElement,\n TableFooterSlotProps\n> = withContext<HTMLTableSectionElement, TableFooterSlotProps>(\n \"tfoot\",\n \"footer\"\n);\n\nexport type TableRowSlotProps = HTMLChakraProps<\"tr\">;\nexport const TableRowSlot: SlotComponent<\n HTMLTableRowElement,\n TableRowSlotProps\n> = withContext<HTMLTableRowElement, TableRowSlotProps>(\"tr\", \"row\");\n\nexport type TableColumnHeaderSlotProps = HTMLChakraProps<\"th\">;\nexport const TableColumnHeaderSlot: SlotComponent<\n HTMLTableCellElement,\n TableColumnHeaderSlotProps\n> = withContext<HTMLTableCellElement, TableColumnHeaderSlotProps>(\n \"th\",\n \"columnHeader\"\n);\n\nexport type TableCellSlotProps = HTMLChakraProps<\"td\">;\nexport const TableCellSlot: SlotComponent<\n HTMLTableCellElement,\n TableCellSlotProps\n> = withContext<HTMLTableCellElement, TableCellSlotProps>(\"td\", \"cell\");\n","import {\n TableRootSlot,\n TableCaptionSlot,\n TableHeaderSlot,\n TableBodySlot,\n TableFooterSlot,\n TableRowSlot,\n TableColumnHeaderSlot,\n TableCellSlot,\n} from \"./table.slots\";\nimport type {\n TableRootProps,\n TableCaptionProps,\n TableHeaderProps,\n TableBodyProps,\n TableFooterProps,\n TableRowProps,\n TableColumnHeaderProps,\n TableCellProps,\n TableScrollAreaProps,\n TableColumnGroupProps,\n TableColumnProps,\n} from \"./table.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { Box } from \"../box\";\n\n/**\n * # Table\n *\n * Component for displaying tabular data.\n *\n * Built on top of Chakra UI's Table component with Nimbus theming.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/table}\n *\n * @example\n * ```tsx\n * <Table.Root>\n * <Table.Header>\n * <Table.Row>\n * <Table.ColumnHeader>Name</Table.ColumnHeader>\n * </Table.Row>\n * </Table.Header>\n * <Table.Body>\n * <Table.Row>\n * <Table.Cell>John</Table.Cell>\n * </Table.Row>\n * </Table.Body>\n * </Table.Root>\n * ```\n */\n\n/**\n * Table.Root\n *\n * The root table container that provides context for all table slots.\n *\n * @supportsStyleProps\n */\nexport const TableRoot = (props: TableRootProps) => {\n const { ref, ...restProps } = props;\n const recipe = useSlotRecipe({ key: \"nimbusTable\" });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n return (\n <TableRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n );\n};\nTableRoot.displayName = \"Table.Root\";\n\nexport const TableCaption = (props: TableCaptionProps) => {\n return <TableCaptionSlot {...props} />;\n};\nTableCaption.displayName = \"Table.Caption\";\n\nexport const TableHeader = (props: TableHeaderProps) => {\n return <TableHeaderSlot {...props} />;\n};\nTableHeader.displayName = \"Table.Header\";\n\nexport const TableBody = (props: TableBodyProps) => {\n return <TableBodySlot {...props} />;\n};\nTableBody.displayName = \"Table.Body\";\n\nexport const TableFooter = (props: TableFooterProps) => {\n return <TableFooterSlot {...props} />;\n};\nTableFooter.displayName = \"Table.Footer\";\n\nexport const TableRow = (props: TableRowProps) => {\n return <TableRowSlot {...props} />;\n};\nTableRow.displayName = \"Table.Row\";\n\nexport const TableColumnHeader = (props: TableColumnHeaderProps) => {\n return <TableColumnHeaderSlot {...props} />;\n};\nTableColumnHeader.displayName = \"Table.ColumnHeader\";\n\nexport const TableCell = (props: TableCellProps) => {\n return <TableCellSlot {...props} />;\n};\nTableCell.displayName = \"Table.Cell\";\n\nexport const TableScrollArea = (props: TableScrollAreaProps) => {\n return <Box as=\"div\" overflow=\"auto\" {...props} />;\n};\nTableScrollArea.displayName = \"Table.ScrollArea\";\n\nexport const TableColumnGroup = (props: TableColumnGroupProps) => {\n return <Box as=\"colgroup\" {...props} />;\n};\nTableColumnGroup.displayName = \"Table.ColumnGroup\";\n\nexport const TableColumn = (props: TableColumnProps) => {\n return <Box as=\"col\" {...props} />;\n};\nTableColumn.displayName = \"Table.Column\";\n\n/**\n * Export Table with all sub-components as a compound component\n */\nexport const Table: {\n Root: typeof TableRoot;\n Caption: typeof TableCaption;\n Header: typeof TableHeader;\n Body: typeof TableBody;\n Footer: typeof TableFooter;\n Row: typeof TableRow;\n ColumnHeader: typeof TableColumnHeader;\n Cell: typeof TableCell;\n ScrollArea: typeof TableScrollArea;\n ColumnGroup: typeof TableColumnGroup;\n Column: typeof TableColumn;\n} = {\n Root: TableRoot,\n Caption: TableCaption,\n Header: TableHeader,\n Body: TableBody,\n Footer: TableFooter,\n Row: TableRow,\n ColumnHeader: TableColumnHeader,\n Cell: TableCell,\n ScrollArea: TableScrollArea,\n ColumnGroup: TableColumnGroup,\n Column: TableColumn,\n};\n\nexport type {\n TableRootProps,\n TableCaptionProps,\n TableHeaderProps,\n TableBodyProps,\n TableFooterProps,\n TableRowProps,\n TableColumnHeaderProps,\n TableCellProps,\n TableScrollAreaProps,\n TableColumnGroupProps,\n TableColumnProps,\n};\n"],"mappings":"2KAMA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,wBAAA,CAAwC,CAC5D,IAAK,aACP,CAAC,EAGY,EAGT,EAAmD,QAAS,MAAM,EAGzD,EAGT,EACF,UACA,SACF,EAGa,EAGT,EACF,QACA,QACF,EAGa,EAGT,EAAyD,QAAS,MAAM,EAG/D,EAGT,EACF,QACA,QACF,EAGa,EAGT,EAAoD,KAAM,KAAK,EAGtD,EAGT,EACF,KACA,cACF,EAGa,EAGT,EAAsD,KAAM,MAAM,ECNzD,EAAa,GAA0B,CAClD,GAAM,CAAE,MAAK,GAAG,GAAc,EAExB,CAAC,EAAa,IAAA,EAAA,EAAA,cAAA,CADS,CAAE,IAAK,aAAc,CACX,CAAA,CAAO,kBAAkB,CAAS,EACnE,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAe,EAEjE,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAoB,MAAK,GAAI,EAAa,GAAI,EAAY,GAAI,CAAY,CAAA,CAE9E,EACA,EAAU,YAAc,aAExB,IAAa,EAAgB,IACpB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,GAAI,CAAQ,CAAA,EAEvC,EAAa,YAAc,gBAE3B,IAAa,EAAe,IACnB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,GAAI,CAAQ,CAAA,EAEtC,EAAY,YAAc,eAE1B,IAAa,EAAa,IACjB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAe,GAAI,CAAQ,CAAA,EAEpC,EAAU,YAAc,aAExB,IAAa,EAAe,IACnB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAiB,GAAI,CAAQ,CAAA,EAEtC,EAAY,YAAc,eAE1B,IAAa,EAAY,IAChB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,GAAI,CAAQ,CAAA,EAEnC,EAAS,YAAc,YAEvB,IAAa,EAAqB,IACzB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAuB,GAAI,CAAQ,CAAA,EAE5C,EAAkB,YAAc,qBAEhC,IAAa,EAAa,IACjB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAe,GAAI,CAAQ,CAAA,EAEpC,EAAU,YAAc,aAExB,IAAa,EAAmB,IACvB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAK,GAAG,MAAM,SAAS,OAAO,GAAI,CAAQ,CAAA,EAEnD,EAAgB,YAAc,mBAE9B,IAAa,EAAoB,IACxB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAK,GAAG,WAAW,GAAI,CAAQ,CAAA,EAExC,EAAiB,YAAc,oBAE/B,IAAa,EAAe,IACnB,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAK,GAAG,MAAM,GAAI,CAAQ,CAAA,EAEnC,EAAY,YAAc,eAK1B,IAAa,EAYT,CACF,KAAM,EACN,QAAS,EACT,OAAQ,EACR,KAAM,EACN,OAAQ,EACR,IAAK,EACL,aAAc,EACd,KAAM,EACN,WAAY,EACZ,YAAa,EACb,OAAQ,CACV"}

package/dist/chunks/table-OZDDVGWu.esm.js ADDED Viewed

@@ -0,0 +1,62 @@
+import { t as e } from "./box-CZyqYgLL.esm.js";
+import { t } from "./extract-style-props-D519tVOc.esm.js";
+import { jsx as n } from "react/jsx-runtime";
+import { createSlotRecipeContext as r, useSlotRecipe as i } from "@chakra-ui/react/styled-system";
+//#region src/components/table/table.slots.tsx
+var { withProvider: a, withContext: o } = r({ key: "nimbusTable" }), s = a("table", "root"), c = o("caption", "caption"), l = o("thead", "header"), u = o("tbody", "body"), d = o("tfoot", "footer"), f = o("tr", "row"), p = o("th", "columnHeader"), m = o("td", "cell"), h = (e) => {
+	let { ref: r, ...a } = e, [o, c] = i({ key: "nimbusTable" }).splitVariantProps(a), [l, u] = t(c);
+	return /* @__PURE__ */ n(s, {
+		ref: r,
+		...o,
+		...l,
+		...u
+	});
+};
+h.displayName = "Table.Root";
+var g = (e) => /* @__PURE__ */ n(c, { ...e });
+g.displayName = "Table.Caption";
+var _ = (e) => /* @__PURE__ */ n(l, { ...e });
+_.displayName = "Table.Header";
+var v = (e) => /* @__PURE__ */ n(u, { ...e });
+v.displayName = "Table.Body";
+var y = (e) => /* @__PURE__ */ n(d, { ...e });
+y.displayName = "Table.Footer";
+var b = (e) => /* @__PURE__ */ n(f, { ...e });
+b.displayName = "Table.Row";
+var x = (e) => /* @__PURE__ */ n(p, { ...e });
+x.displayName = "Table.ColumnHeader";
+var S = (e) => /* @__PURE__ */ n(m, { ...e });
+S.displayName = "Table.Cell";
+var C = (t) => /* @__PURE__ */ n(e, {
+	as: "div",
+	overflow: "auto",
+	...t
+});
+C.displayName = "Table.ScrollArea";
+var w = (t) => /* @__PURE__ */ n(e, {
+	as: "colgroup",
+	...t
+});
+w.displayName = "Table.ColumnGroup";
+var T = (t) => /* @__PURE__ */ n(e, {
+	as: "col",
+	...t
+});
+T.displayName = "Table.Column";
+var E = {
+	Root: h,
+	Caption: g,
+	Header: _,
+	Body: v,
+	Footer: y,
+	Row: b,
+	ColumnHeader: x,
+	Cell: S,
+	ScrollArea: C,
+	ColumnGroup: w,
+	Column: T
+};
+//#endregion
+export { T as a, y as c, b as d, C as f, S as i, _ as l, v as n, w as o, g as r, x as s, E as t, h as u };
+//# sourceMappingURL=table-OZDDVGWu.esm.js.map

package/dist/chunks/table-OZDDVGWu.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"table-OZDDVGWu.esm.js","names":[],"sources":["../../src/components/table/table.slots.tsx","../../src/components/table/table.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusTable\",\n});\n\nexport type TableRootSlotProps = HTMLChakraProps<\"table\">;\nexport const TableRootSlot: SlotComponent<\n HTMLTableElement,\n TableRootSlotProps\n> = withProvider<HTMLTableElement, TableRootSlotProps>(\"table\", \"root\");\n\nexport type TableCaptionSlotProps = HTMLChakraProps<\"caption\">;\nexport const TableCaptionSlot: SlotComponent<\n HTMLTableCaptionElement,\n TableCaptionSlotProps\n> = withContext<HTMLTableCaptionElement, TableCaptionSlotProps>(\n \"caption\",\n \"caption\"\n);\n\nexport type TableHeaderSlotProps = HTMLChakraProps<\"thead\">;\nexport const TableHeaderSlot: SlotComponent<\n HTMLTableSectionElement,\n TableHeaderSlotProps\n> = withContext<HTMLTableSectionElement, TableHeaderSlotProps>(\n \"thead\",\n \"header\"\n);\n\nexport type TableBodySlotProps = HTMLChakraProps<\"tbody\">;\nexport const TableBodySlot: SlotComponent<\n HTMLTableSectionElement,\n TableBodySlotProps\n> = withContext<HTMLTableSectionElement, TableBodySlotProps>(\"tbody\", \"body\");\n\nexport type TableFooterSlotProps = HTMLChakraProps<\"tfoot\">;\nexport const TableFooterSlot: SlotComponent<\n HTMLTableSectionElement,\n TableFooterSlotProps\n> = withContext<HTMLTableSectionElement, TableFooterSlotProps>(\n \"tfoot\",\n \"footer\"\n);\n\nexport type TableRowSlotProps = HTMLChakraProps<\"tr\">;\nexport const TableRowSlot: SlotComponent<\n HTMLTableRowElement,\n TableRowSlotProps\n> = withContext<HTMLTableRowElement, TableRowSlotProps>(\"tr\", \"row\");\n\nexport type TableColumnHeaderSlotProps = HTMLChakraProps<\"th\">;\nexport const TableColumnHeaderSlot: SlotComponent<\n HTMLTableCellElement,\n TableColumnHeaderSlotProps\n> = withContext<HTMLTableCellElement, TableColumnHeaderSlotProps>(\n \"th\",\n \"columnHeader\"\n);\n\nexport type TableCellSlotProps = HTMLChakraProps<\"td\">;\nexport const TableCellSlot: SlotComponent<\n HTMLTableCellElement,\n TableCellSlotProps\n> = withContext<HTMLTableCellElement, TableCellSlotProps>(\"td\", \"cell\");\n","import {\n TableRootSlot,\n TableCaptionSlot,\n TableHeaderSlot,\n TableBodySlot,\n TableFooterSlot,\n TableRowSlot,\n TableColumnHeaderSlot,\n TableCellSlot,\n} from \"./table.slots\";\nimport type {\n TableRootProps,\n TableCaptionProps,\n TableHeaderProps,\n TableBodyProps,\n TableFooterProps,\n TableRowProps,\n TableColumnHeaderProps,\n TableCellProps,\n TableScrollAreaProps,\n TableColumnGroupProps,\n TableColumnProps,\n} from \"./table.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { Box } from \"../box\";\n\n/**\n * # Table\n *\n * Component for displaying tabular data.\n *\n * Built on top of Chakra UI's Table component with Nimbus theming.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/table}\n *\n * @example\n * ```tsx\n * <Table.Root>\n * <Table.Header>\n * <Table.Row>\n * <Table.ColumnHeader>Name</Table.ColumnHeader>\n * </Table.Row>\n * </Table.Header>\n * <Table.Body>\n * <Table.Row>\n * <Table.Cell>John</Table.Cell>\n * </Table.Row>\n * </Table.Body>\n * </Table.Root>\n * ```\n */\n\n/**\n * Table.Root\n *\n * The root table container that provides context for all table slots.\n *\n * @supportsStyleProps\n */\nexport const TableRoot = (props: TableRootProps) => {\n const { ref, ...restProps } = props;\n const recipe = useSlotRecipe({ key: \"nimbusTable\" });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n return (\n <TableRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n );\n};\nTableRoot.displayName = \"Table.Root\";\n\nexport const TableCaption = (props: TableCaptionProps) => {\n return <TableCaptionSlot {...props} />;\n};\nTableCaption.displayName = \"Table.Caption\";\n\nexport const TableHeader = (props: TableHeaderProps) => {\n return <TableHeaderSlot {...props} />;\n};\nTableHeader.displayName = \"Table.Header\";\n\nexport const TableBody = (props: TableBodyProps) => {\n return <TableBodySlot {...props} />;\n};\nTableBody.displayName = \"Table.Body\";\n\nexport const TableFooter = (props: TableFooterProps) => {\n return <TableFooterSlot {...props} />;\n};\nTableFooter.displayName = \"Table.Footer\";\n\nexport const TableRow = (props: TableRowProps) => {\n return <TableRowSlot {...props} />;\n};\nTableRow.displayName = \"Table.Row\";\n\nexport const TableColumnHeader = (props: TableColumnHeaderProps) => {\n return <TableColumnHeaderSlot {...props} />;\n};\nTableColumnHeader.displayName = \"Table.ColumnHeader\";\n\nexport const TableCell = (props: TableCellProps) => {\n return <TableCellSlot {...props} />;\n};\nTableCell.displayName = \"Table.Cell\";\n\nexport const TableScrollArea = (props: TableScrollAreaProps) => {\n return <Box as=\"div\" overflow=\"auto\" {...props} />;\n};\nTableScrollArea.displayName = \"Table.ScrollArea\";\n\nexport const TableColumnGroup = (props: TableColumnGroupProps) => {\n return <Box as=\"colgroup\" {...props} />;\n};\nTableColumnGroup.displayName = \"Table.ColumnGroup\";\n\nexport const TableColumn = (props: TableColumnProps) => {\n return <Box as=\"col\" {...props} />;\n};\nTableColumn.displayName = \"Table.Column\";\n\n/**\n * Export Table with all sub-components as a compound component\n */\nexport const Table: {\n Root: typeof TableRoot;\n Caption: typeof TableCaption;\n Header: typeof TableHeader;\n Body: typeof TableBody;\n Footer: typeof TableFooter;\n Row: typeof TableRow;\n ColumnHeader: typeof TableColumnHeader;\n Cell: typeof TableCell;\n ScrollArea: typeof TableScrollArea;\n ColumnGroup: typeof TableColumnGroup;\n Column: typeof TableColumn;\n} = {\n Root: TableRoot,\n Caption: TableCaption,\n Header: TableHeader,\n Body: TableBody,\n Footer: TableFooter,\n Row: TableRow,\n ColumnHeader: TableColumnHeader,\n Cell: TableCell,\n ScrollArea: TableScrollArea,\n ColumnGroup: TableColumnGroup,\n Column: TableColumn,\n};\n\nexport type {\n TableRootProps,\n TableCaptionProps,\n TableHeaderProps,\n TableBodyProps,\n TableFooterProps,\n TableRowProps,\n TableColumnHeaderProps,\n TableCellProps,\n TableScrollAreaProps,\n TableColumnGroupProps,\n TableColumnProps,\n};\n"],"mappings":";;;;;AAMA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,cACP,CAAC,GAGY,IAGT,EAAmD,SAAS,MAAM,GAGzD,IAGT,EACF,WACA,SACF,GAGa,IAGT,EACF,SACA,QACF,GAGa,IAGT,EAAyD,SAAS,MAAM,GAG/D,IAGT,EACF,SACA,QACF,GAGa,IAGT,EAAoD,MAAM,KAAK,GAGtD,IAGT,EACF,MACA,cACF,GAGa,IAGT,EAAsD,MAAM,MAAM,GCNzD,KAAa,MAA0B;CAClD,IAAM,EAAE,QAAK,GAAG,MAAc,GAExB,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,cAAc,CACX,CAAA,CAAO,kBAAkB,CAAS,GACnE,CAAC,GAAY,KAAa,EAAkB,CAAe;CAEjE,OACE,kBAAC,GAAD;EAAoB;EAAK,GAAI;EAAa,GAAI;EAAY,GAAI;CAAY,CAAA;AAE9E;AACA,EAAU,cAAc;AAExB,IAAa,KAAgB,MACpB,kBAAC,GAAD,EAAkB,GAAI,EAAQ,CAAA;AAEvC,EAAa,cAAc;AAE3B,IAAa,KAAe,MACnB,kBAAC,GAAD,EAAiB,GAAI,EAAQ,CAAA;AAEtC,EAAY,cAAc;AAE1B,IAAa,KAAa,MACjB,kBAAC,GAAD,EAAe,GAAI,EAAQ,CAAA;AAEpC,EAAU,cAAc;AAExB,IAAa,KAAe,MACnB,kBAAC,GAAD,EAAiB,GAAI,EAAQ,CAAA;AAEtC,EAAY,cAAc;AAE1B,IAAa,KAAY,MAChB,kBAAC,GAAD,EAAc,GAAI,EAAQ,CAAA;AAEnC,EAAS,cAAc;AAEvB,IAAa,KAAqB,MACzB,kBAAC,GAAD,EAAuB,GAAI,EAAQ,CAAA;AAE5C,EAAkB,cAAc;AAEhC,IAAa,KAAa,MACjB,kBAAC,GAAD,EAAe,GAAI,EAAQ,CAAA;AAEpC,EAAU,cAAc;AAExB,IAAa,KAAmB,MACvB,kBAAC,GAAD;CAAK,IAAG;CAAM,UAAS;CAAO,GAAI;AAAQ,CAAA;AAEnD,EAAgB,cAAc;AAE9B,IAAa,KAAoB,MACxB,kBAAC,GAAD;CAAK,IAAG;CAAW,GAAI;AAAQ,CAAA;AAExC,EAAiB,cAAc;AAE/B,IAAa,KAAe,MACnB,kBAAC,GAAD;CAAK,IAAG;CAAM,GAAI;AAAQ,CAAA;AAEnC,EAAY,cAAc;AAK1B,IAAa,IAYT;CACF,MAAM;CACN,SAAS;CACT,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,KAAK;CACL,cAAc;CACd,MAAM;CACN,YAAY;CACZ,aAAa;CACb,QAAQ;AACV"}