npm - @dev-dga/react - Versions diffs - 0.13.0 → 1.1.0 - Mend

@dev-dga/react 0.13.0 → 1.1.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 (298) hide show

package/dist/chunk-WU3IBHA4.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/SlideoutMenu/SlideoutMenu.tsx"],"sourcesContent":["'use client';\n\nimport { useContext, useId } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// Nav panel on Radix Dialog. Uses <ul>/<li>/link semantics, NOT role=\"menu\" (which breaks SR browse mode for site nav).\n\nconst slideoutMenuContentVariants = cva('ddga-slideout-menu', {\n variants: {\n side: {\n start: 'ddga-slideout-menu--start',\n end: 'ddga-slideout-menu--end',\n },\n /** Panel surface — SDGA \"Background Color\". Gray (`gray-100`) or White. */\n background: {\n gray: 'ddga-slideout-menu--gray',\n white: 'ddga-slideout-menu--white',\n },\n },\n defaultVariants: {\n side: 'start',\n background: 'gray',\n },\n});\n\ntype SlideoutMenuProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype SlideoutMenuTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype SlideoutMenuCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface SlideoutMenuContentProps\n extends\n React.ComponentProps<typeof DialogPrimitive.Content>,\n VariantProps<typeof slideoutMenuContentVariants> {}\n\ninterface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {\n /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */\n icon?: React.ReactNode;\n /** Render the close (X) button. Defaults to `true`. */\n showCloseButton?: boolean;\n /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n closeLabel?: string;\n}\n\ninterface SlideoutMenuTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n asChild?: boolean;\n}\n\ninterface SlideoutMenuDescriptionProps extends React.ComponentProps<\n typeof DialogPrimitive.Description\n> {\n asChild?: boolean;\n}\n\ntype SlideoutMenuSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {\n /** Section heading rendered above the list (SDGA \"Group Label\"). */\n label?: React.ReactNode;\n}\n\ninterface SlideoutMenuItemProps extends React.ComponentProps<'button'> {\n /** Render as the child element (e.g. an `<a>` or router `<Link>`). */\n asChild?: boolean;\n /** Leading 24px icon. */\n icon?: React.ReactNode;\n /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */\n trailing?: React.ReactNode;\n /** Marks the current page — sets `aria-current=\"page\"` and the active style. */\n active?: boolean;\n}\n\nfunction SlideoutMenu(props: SlideoutMenuProps) {\n return <DialogPrimitive.Root {...props} />;\n}\n\nfunction SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps) {\n return (\n <DialogPrimitive.Trigger data-slot=\"slideout-menu-trigger\" className={className} {...props} />\n );\n}\n\nfunction SlideoutMenuContent({\n side,\n background,\n className,\n children,\n ...props\n}: SlideoutMenuContentProps) {\n // Portal anchored to the provider root so theme/dark-mode inherit and the fixed panel escapes ancestor transforms.\n const ctx = useContext(DgaContext);\n const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n return (\n <DialogPrimitive.Portal container={portalContainer}>\n <DialogPrimitive.Overlay\n className=\"ddga-slideout-menu__overlay\"\n data-slot=\"slideout-menu-overlay\"\n />\n <DialogPrimitive.Content\n data-slot=\"slideout-menu-content\"\n className={cn(slideoutMenuContentVariants({ side, background }), className)}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n );\n}\n\nfunction SlideoutMenuHeader({\n icon,\n showCloseButton = true,\n closeLabel = 'Close',\n className,\n children,\n ...props\n}: SlideoutMenuHeaderProps) {\n return (\n <div\n data-slot=\"slideout-menu-header\"\n className={cn('ddga-slideout-menu__header', className)}\n {...props}\n >\n <div className=\"ddga-slideout-menu__header-content\">\n {icon ? (\n <span\n data-slot=\"slideout-menu-featured-icon\"\n className=\"ddga-slideout-menu__featured-icon\"\n aria-hidden=\"true\"\n >\n {icon}\n </span>\n ) : null}\n <div className=\"ddga-slideout-menu__header-text\">{children}</div>\n </div>\n {showCloseButton ? (\n <DialogPrimitive.Close\n className=\"ddga-slideout-menu__close\"\n aria-label={closeLabel}\n data-slot=\"slideout-menu-close-x\"\n >\n <Close aria-hidden=\"true\" />\n </DialogPrimitive.Close>\n ) : null}\n </div>\n );\n}\n\nfunction SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps) {\n return (\n <DialogPrimitive.Title\n asChild={asChild}\n data-slot=\"slideout-menu-title\"\n className={cn('ddga-slideout-menu__title', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps) {\n return (\n <DialogPrimitive.Description\n asChild={asChild}\n data-slot=\"slideout-menu-description\"\n className={cn('ddga-slideout-menu__description', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n // asChild lets consumers make the scroll region a `<nav aria-label>` landmark.\n const Comp = asChild ? SlotPrimitive.Slot : 'div';\n return (\n <Comp\n data-slot=\"slideout-menu-body\"\n className={cn('ddga-slideout-menu__body', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps) {\n const labelId = useId();\n return (\n <div\n data-slot=\"slideout-menu-group\"\n className={cn('ddga-slideout-menu__group', className)}\n {...props}\n >\n {label != null ? (\n <div id={labelId} className=\"ddga-slideout-menu__group-label\">\n {label}\n </div>\n ) : null}\n <ul\n className=\"ddga-slideout-menu__list\"\n {...(label != null ? { 'aria-labelledby': labelId } : {})}\n >\n {children}\n </ul>\n </div>\n );\n}\n\nfunction SlideoutMenuItem({\n asChild,\n icon,\n trailing,\n active,\n className,\n children,\n ...props\n}: SlideoutMenuItemProps) {\n const Comp = asChild ? SlotPrimitive.Slot : 'button';\n return (\n <li data-slot=\"slideout-menu-item-wrapper\" className=\"ddga-slideout-menu__item-wrapper\">\n <Comp\n data-slot=\"slideout-menu-item\"\n className={cn('ddga-slideout-menu__item', className)}\n data-active={active ? '' : undefined}\n aria-current={active ? 'page' : undefined}\n {...(asChild ? {} : { type: 'button' as const })}\n {...props}\n >\n {icon ? (\n <span className=\"ddga-slideout-menu__item-icon\" aria-hidden=\"true\">\n {icon}\n </span>\n ) : null}\n {asChild ? (\n <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n ) : (\n <span className=\"ddga-slideout-menu__item-label\">{children}</span>\n )}\n {trailing ? <span className=\"ddga-slideout-menu__item-trailing\">{trailing}</span> : null}\n </Comp>\n </li>\n );\n}\n\nfunction SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"slideout-menu-separator\"\n role=\"separator\"\n className={cn('ddga-slideout-menu__separator', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n const Comp = asChild ? SlotPrimitive.Slot : 'div';\n return (\n <Comp\n data-slot=\"slideout-menu-footer\"\n className={cn('ddga-slideout-menu__footer', className)}\n {...props}\n />\n );\n}\n\nfunction SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps) {\n return <DialogPrimitive.Close data-slot=\"slideout-menu-close\" className={className} {...props} />;\n}\n\nexport {\n SlideoutMenu,\n SlideoutMenuTrigger,\n SlideoutMenuContent,\n SlideoutMenuHeader,\n SlideoutMenuTitle,\n SlideoutMenuDescription,\n SlideoutMenuBody,\n SlideoutMenuGroup,\n SlideoutMenuItem,\n SlideoutMenuSeparator,\n SlideoutMenuFooter,\n SlideoutMenuClose,\n slideoutMenuContentVariants,\n};\nexport type {\n SlideoutMenuProps,\n SlideoutMenuTriggerProps,\n SlideoutMenuContentProps,\n SlideoutMenuHeaderProps,\n SlideoutMenuTitleProps,\n SlideoutMenuDescriptionProps,\n SlideoutMenuSectionProps,\n SlideoutMenuGroupProps,\n SlideoutMenuItemProps,\n SlideoutMenuCloseProps,\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-FUFFG2UW.cjs → chunk-X5GBT5VI.cjs} RENAMED Viewed

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
 // src/components/Radio/Radio.tsx
 var _react = require('react');
@@ -137,4 +137,4 @@ function Radio({ id: externalId, label, className, ...props }) {
 exports.radioGroupVariants = radioGroupVariants; exports.radioVariants = radioVariants; exports.RadioGroup = RadioGroup; exports.Radio = Radio;
-//# sourceMappingURL=chunk-FUFFG2UW.cjs.map
+//# sourceMappingURL=chunk-X5GBT5VI.cjs.map

package/dist/{chunk-FUFFG2UW.cjs.map → chunk-X5GBT5VI.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-~~FUFFG2UW~~.cjs","../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,8BAAsC;AACtC,mCAAkD;AAClD,kEAAuC;AAgG/B,+CAAA;AA5FR,IAAM,mBAAA,EAAqB,yCAAA,kBAAI,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,4BAAA;AAAA,MACV,UAAA,EAAY;AAAA,IACd,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAED,IAAM,cAAA,EAAgB,yCAAA,YAAgB,CAAA;AAGtC,IAAM,sBAAA,kBAAwB,IAAI,GAAA,CAAI;AAAA,EACpC,GAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC,CAAA;AA4BD,SAAS,UAAA,CAAW;AAAA,EAClB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,YAAA,EAAc,QAAQ,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,YAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,EAAc,KAAA,CAAM,YAAY,CAAA;AAAA,IAChC,iBAAA,EAAmB,KAAA,CAAM,iBAAiB;AAAA,EAC5C,CAAC,CAAA;AAEH,EAAA,MAAM,QAAA,EAAU,CAAA,EAAA;AAGd,EAAA;AAEI,IAAA;AACG,MAAA;AAEC,MAAA;AAIJ,IAAA;AAEF,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACJ,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AAEA,QAAA;AAGc,UAAA;AACA,UAAA;AAER,QAAA;AAEN,QAAA;AAGY,UAAA;AACI,YAAA;AACA,YAAA;AACR,UAAA;AAEF,QAAA;AAEN,QAAA;AACW,QAAA;AACT,UAAA;AACA,UAAA;AACF,QAAA;AAEC,QAAA;AAAA,MAAA;AACH,IAAA;AACC,IAAA;AAMC,IAAA;AAIJ,EAAA;AAEJ;AAEiB;AACT,EAAA;AACS,EAAA;AAEb,EAAA;AACE,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACA,QAAA;AACJ,QAAA;AACW,QAAA;AAGX,QAAA;AACG,UAAA;AAAA,UAAA;AACC,YAAA;AACA,YAAA;AAEA,YAAA;AAAqD,UAAA;AAEzD,QAAA;AAAA,MAAA;AACF,IAAA;AAEE,IAAA;AAIJ,EAAA;AAEJ;ADtDmB;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-~~FUFFG2UW~~.cjs","sourcesContent":[null,"'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\nconst radioGroupVariants = cva('ddga-radio-group', {\n variants: {\n variant: {\n primary: '',\n neutral: 'ddga-radio-group--neutral',\n },\n orientation: {\n vertical: 'ddga-radio-group--vertical',\n horizontal: 'ddga-radio-group--horizontal',\n },\n error: {\n true: 'ddga-radio-group--error',\n },\n readOnly: {\n true: 'ddga-radio-group--readonly',\n },\n },\n defaultVariants: {\n variant: 'primary',\n orientation: 'vertical',\n },\n});\n\nconst radioVariants = cva('ddga-radio');\n\n// Selection-changing keys blocked when the group is read-only (Radix auto-selects on arrow nav).\nconst READONLY_BLOCKED_KEYS = new Set([\n ' ',\n 'Enter',\n 'ArrowUp',\n 'ArrowDown',\n 'ArrowLeft',\n 'ArrowRight',\n]);\n\ninterface RadioGroupProps\n extends\n Omit<React.ComponentProps<typeof RadioGroupPrimitive.Root>, 'children' \| 'orientation'>,\n Pick<VariantProps<typeof radioGroupVariants>, 'variant' \| 'orientation'> {\n /** Group label, sits above the rows. Associated to the group via aria-labelledby. /\n label?: ReactNode;\n /* Hint shown below the group. Hidden while an error message is showing. /\n helperText?: ReactNode;\n /* Message shown below the group when `error` is true (or when only `errorMessage` is set). /\n errorMessage?: ReactNode;\n /* Marks the group invalid: sets aria-invalid and applies error styling. /\n error?: boolean;\n /* Locks the group: shows the value but can't be changed; stays focusable, sets aria-readonly. /\n readOnly?: boolean;\n /* `<Radio>` children. /\n children: ReactNode;\n}\n\ninterface RadioProps extends Omit<\n React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n 'children'\n> {\n /* Visible label for this radio, sits beside the circle, associated via htmlFor/id. /\n label?: ReactNode;\n}\n\nfunction RadioGroup({\n id: externalId,\n label,\n helperText,\n errorMessage,\n error,\n variant,\n orientation,\n readOnly,\n required,\n className,\n children,\n ...props\n}: RadioGroupProps) {\n const { errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps, fieldId } =\n useFieldA11y({\n name: 'RadioGroup',\n id: externalId,\n label,\n error,\n errorMessage,\n helperText,\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n });\n // The role=radiogroup isn't a focusable control, so associate the visible label via aria-labelledby.\n const labelId = `${fieldId}-label`;\n\n return (\n <div data-slot=\"radio-group-field\" className=\"ddga-field\">\n {label && (\n <span id={labelId} className=\"ddga-radio-group__label\">\n {label}\n {required && (\n <span aria-hidden=\"true\" className=\"ddga-radio-group__required\">\n \n </span>\n )}\n </span>\n )}\n <RadioGroupPrimitive.Root\n {...props}\n aria-invalid={controlProps['aria-invalid']}\n aria-describedby={controlProps['aria-describedby']}\n aria-labelledby={label ? labelId : props['aria-labelledby']}\n aria-readonly={readOnly \|\| undefined}\n orientation={orientation === 'horizontal' ? 'horizontal' : 'vertical'}\n required={required}\n // Read-only blocks every selection path before Radix's handlers run (pointer + keyboard nav).\n onClickCapture={\n readOnly\n ? (event) => {\n event.preventDefault();\n event.stopPropagation();\n }\n : undefined\n }\n onKeyDownCapture={\n readOnly\n ? (event) => {\n if (READONLY_BLOCKED_KEYS.has(event.key)) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n : undefined\n }\n data-slot=\"radio-group\"\n className={cn(\n radioGroupVariants({ variant, orientation, error: hasError, readOnly }),\n className,\n )}\n >\n {children}\n </RadioGroupPrimitive.Root>\n {hasErrorMessage && (\n <FieldMessage id={errorId} variant=\"error\">\n {errorMessage}\n </FieldMessage>\n )}\n {hasHelper && (\n <FieldMessage id={helperId} variant=\"helper\">\n {helperText}\n </FieldMessage>\n )}\n </div>\n );\n}\n\nfunction Radio({ id: externalId, label, className, ...props }: RadioProps) {\n const generatedId = useId();\n const itemId = externalId ?? generatedId;\n return (\n <div className=\"ddga-radio-row\">\n <RadioGroupPrimitive.Item\n {...props}\n id={itemId}\n data-slot=\"radio\"\n className={cn(radioVariants(), className)}\n >\n {/* 32px Item = SDGA touch frame; the 24px ring is the visible control. */}\n <span className=\"ddga-radio__circle\">\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-indicator\"\n className=\"ddga-radio__indicator\"\n >\n <span className=\"ddga-radio__dot\" aria-hidden=\"true\" />\n </RadioGroupPrimitive.Indicator>\n </span>\n </RadioGroupPrimitive.Item>\n {label && (\n <label htmlFor={itemId} className=\"ddga-radio__label\">\n {label}\n </label>\n )}\n </div>\n );\n}\n\nexport { RadioGroup, Radio, radioGroupVariants, radioVariants };\nexport type { RadioGroupProps, RadioProps };\n"]}
1	+ {"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-X5GBT5VI.cjs","../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,8BAAsC;AACtC,mCAAkD;AAClD,kEAAuC;AAgG/B,+CAAA;AA5FR,IAAM,mBAAA,EAAqB,yCAAA,kBAAI,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,4BAAA;AAAA,MACV,UAAA,EAAY;AAAA,IACd,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAED,IAAM,cAAA,EAAgB,yCAAA,YAAgB,CAAA;AAGtC,IAAM,sBAAA,kBAAwB,IAAI,GAAA,CAAI;AAAA,EACpC,GAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC,CAAA;AA4BD,SAAS,UAAA,CAAW;AAAA,EAClB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,YAAA,EAAc,QAAQ,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,YAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,EAAc,KAAA,CAAM,YAAY,CAAA;AAAA,IAChC,iBAAA,EAAmB,KAAA,CAAM,iBAAiB;AAAA,EAC5C,CAAC,CAAA;AAEH,EAAA,MAAM,QAAA,EAAU,CAAA,EAAA;AAGd,EAAA;AAEI,IAAA;AACG,MAAA;AAEC,MAAA;AAIJ,IAAA;AAEF,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACJ,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AAEA,QAAA;AAGc,UAAA;AACA,UAAA;AAER,QAAA;AAEN,QAAA;AAGY,UAAA;AACI,YAAA;AACA,YAAA;AACR,UAAA;AAEF,QAAA;AAEN,QAAA;AACW,QAAA;AACT,UAAA;AACA,UAAA;AACF,QAAA;AAEC,QAAA;AAAA,MAAA;AACH,IAAA;AACC,IAAA;AAMC,IAAA;AAIJ,EAAA;AAEJ;AAEiB;AACT,EAAA;AACS,EAAA;AAEb,EAAA;AACE,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACA,QAAA;AACJ,QAAA;AACW,QAAA;AAGX,QAAA;AACG,UAAA;AAAA,UAAA;AACC,YAAA;AACA,YAAA;AAEA,YAAA;AAAqD,UAAA;AAEzD,QAAA;AAAA,MAAA;AACF,IAAA;AAEE,IAAA;AAIJ,EAAA;AAEJ;ADtDmB;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-X5GBT5VI.cjs","sourcesContent":[null,"'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\nconst radioGroupVariants = cva('ddga-radio-group', {\n variants: {\n variant: {\n primary: '',\n neutral: 'ddga-radio-group--neutral',\n },\n orientation: {\n vertical: 'ddga-radio-group--vertical',\n horizontal: 'ddga-radio-group--horizontal',\n },\n error: {\n true: 'ddga-radio-group--error',\n },\n readOnly: {\n true: 'ddga-radio-group--readonly',\n },\n },\n defaultVariants: {\n variant: 'primary',\n orientation: 'vertical',\n },\n});\n\nconst radioVariants = cva('ddga-radio');\n\n// Selection-changing keys blocked when the group is read-only (Radix auto-selects on arrow nav).\nconst READONLY_BLOCKED_KEYS = new Set([\n ' ',\n 'Enter',\n 'ArrowUp',\n 'ArrowDown',\n 'ArrowLeft',\n 'ArrowRight',\n]);\n\ninterface RadioGroupProps\n extends\n Omit<React.ComponentProps<typeof RadioGroupPrimitive.Root>, 'children' \| 'orientation'>,\n Pick<VariantProps<typeof radioGroupVariants>, 'variant' \| 'orientation'> {\n /** Group label, sits above the rows. Associated to the group via aria-labelledby. /\n label?: ReactNode;\n /* Hint shown below the group. Hidden while an error message is showing. /\n helperText?: ReactNode;\n /* Message shown below the group when `error` is true (or when only `errorMessage` is set). /\n errorMessage?: ReactNode;\n /* Marks the group invalid: sets aria-invalid and applies error styling. /\n error?: boolean;\n /* Locks the group: shows the value but can't be changed; stays focusable, sets aria-readonly. /\n readOnly?: boolean;\n /* `<Radio>` children. /\n children: ReactNode;\n}\n\ninterface RadioProps extends Omit<\n React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n 'children'\n> {\n /* Visible label for this radio, sits beside the circle, associated via htmlFor/id. /\n label?: ReactNode;\n}\n\nfunction RadioGroup({\n id: externalId,\n label,\n helperText,\n errorMessage,\n error,\n variant,\n orientation,\n readOnly,\n required,\n className,\n children,\n ...props\n}: RadioGroupProps) {\n const { errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps, fieldId } =\n useFieldA11y({\n name: 'RadioGroup',\n id: externalId,\n label,\n error,\n errorMessage,\n helperText,\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n });\n // The role=radiogroup isn't a focusable control, so associate the visible label via aria-labelledby.\n const labelId = `${fieldId}-label`;\n\n return (\n <div data-slot=\"radio-group-field\" className=\"ddga-field\">\n {label && (\n <span id={labelId} className=\"ddga-radio-group__label\">\n {label}\n {required && (\n <span aria-hidden=\"true\" className=\"ddga-radio-group__required\">\n \n </span>\n )}\n </span>\n )}\n <RadioGroupPrimitive.Root\n {...props}\n aria-invalid={controlProps['aria-invalid']}\n aria-describedby={controlProps['aria-describedby']}\n aria-labelledby={label ? labelId : props['aria-labelledby']}\n aria-readonly={readOnly \|\| undefined}\n orientation={orientation === 'horizontal' ? 'horizontal' : 'vertical'}\n required={required}\n // Read-only blocks every selection path before Radix's handlers run (pointer + keyboard nav).\n onClickCapture={\n readOnly\n ? (event) => {\n event.preventDefault();\n event.stopPropagation();\n }\n : undefined\n }\n onKeyDownCapture={\n readOnly\n ? (event) => {\n if (READONLY_BLOCKED_KEYS.has(event.key)) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n : undefined\n }\n data-slot=\"radio-group\"\n className={cn(\n radioGroupVariants({ variant, orientation, error: hasError, readOnly }),\n className,\n )}\n >\n {children}\n </RadioGroupPrimitive.Root>\n {hasErrorMessage && (\n <FieldMessage id={errorId} variant=\"error\">\n {errorMessage}\n </FieldMessage>\n )}\n {hasHelper && (\n <FieldMessage id={helperId} variant=\"helper\">\n {helperText}\n </FieldMessage>\n )}\n </div>\n );\n}\n\nfunction Radio({ id: externalId, label, className, ...props }: RadioProps) {\n const generatedId = useId();\n const itemId = externalId ?? generatedId;\n return (\n <div className=\"ddga-radio-row\">\n <RadioGroupPrimitive.Item\n {...props}\n id={itemId}\n data-slot=\"radio\"\n className={cn(radioVariants(), className)}\n >\n {/* 32px Item = SDGA touch frame; the 24px ring is the visible control. */}\n <span className=\"ddga-radio__circle\">\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-indicator\"\n className=\"ddga-radio__indicator\"\n >\n <span className=\"ddga-radio__dot\" aria-hidden=\"true\" />\n </RadioGroupPrimitive.Indicator>\n </span>\n </RadioGroupPrimitive.Item>\n {label && (\n <label htmlFor={itemId} className=\"ddga-radio__label\">\n {label}\n </label>\n )}\n </div>\n );\n}\n\nexport { RadioGroup, Radio, radioGroupVariants, radioVariants };\nexport type { RadioGroupProps, RadioProps };\n"]}

package/dist/{chunk-55RHNN3T.js → chunk-Y4JUMIH4.js} RENAMED Viewed

@@ -1,12 +1,12 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
 import {
   FieldMessage
 } from "./chunk-E5ZIKIGB.js";
 import {
   useFieldA11y
 } from "./chunk-HN5AFDQA.js";
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
 // src/components/Slider/Slider.tsx
 import { useId } from "react";
@@ -113,4 +113,4 @@ export {
   sliderVariants,
   Slider
 };
-//# sourceMappingURL=chunk-55RHNN3T.js.map
+//# sourceMappingURL=chunk-Y4JUMIH4.js.map

package/dist/{chunk-ODNO43HV.cjs → chunk-YPC7FRJX.cjs} RENAMED Viewed

@@ -3,13 +3,13 @@
 var _chunkU24PBXZAcjs = require('./chunk-U24PBXZA.cjs');
-var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
 // src/components/TagInput/TagInput.tsx
 var _react = require('react');
@@ -209,4 +209,4 @@ function TagInput({
 exports.tagInputVariants = tagInputVariants; exports.TagInput = TagInput;
-//# sourceMappingURL=chunk-ODNO43HV.cjs.map
+//# sourceMappingURL=chunk-YPC7FRJX.cjs.map

package/dist/{chunk-ODNO43HV.cjs.map → chunk-YPC7FRJX.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ODNO43HV.cjs","../src/components/TagInput/TagInput.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ODNO43HV.cjs","sourcesContent":[null,"'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Tag, type TagProps } from '../Tag';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the control (the bordered box), not the raw <input> — the box\n// owns the border, sizing, focus ring and disabled/error styling so the chips\n// and the text input wrap inside the field. Mirrors Input's box, but the box\n// grows vertically as chips wrap (min-block-size, not a fixed height).\nconst tagInputVariants = cva('ddga-tag-input', {\n variants: {\n size: {\n sm: 'ddga-tag-input--sm',\n md: 'ddga-tag-input--md',\n lg: 'ddga-tag-input--lg',\n },\n error: {\n true: 'ddga-tag-input--error',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\n// ─── 2. Types ─── //\n\n// We own `value` / `defaultValue` (string[] tags, not strings), `onChange`\n// (fires with the tag array), and the design-system `size` variant — so they\n// are stripped from the native input props the rest are spread onto.\ntype NativeInputProps = Omit<\n React.ComponentProps<'input'>,\n 'value' \| 'defaultValue' \| 'onChange' \| 'size'\n>;\n\ninterface TagInputProps\n extends NativeInputProps, Omit<VariantProps<typeof tagInputVariants>, 'error'> {\n /** Controlled tag list. /\n value?: string[];\n /* Uncontrolled initial tag list. /\n defaultValue?: string[];\n /* Fires with the full accepted tag set after every add/remove. /\n onChange?: (tags: string[]) => void;\n /* Visible field label, associated to the text input. /\n label?: ReactNode;\n /* Hint shown below the field. Hidden while an error message is showing. /\n helperText?: ReactNode;\n /* Message shown below the field when invalid. /\n errorMessage?: ReactNode;\n /* Marks the field invalid: sets `aria-invalid` and error styling. /\n error?: boolean;\n /* Caps the number of tags. Adds beyond the cap are no-ops. /\n max?: number;\n /* Allow the same tag more than once. Off → duplicates are rejected. /\n allowDuplicates?: boolean;\n /* Make duplicate detection case-sensitive. Default: case-insensitive. /\n caseSensitive?: boolean;\n /* Consumer gate run on each candidate tag. Return false to reject (draft kept). /\n validate?: (tag: string, tags: string[]) => boolean;\n /* Characters that commit the draft and split a paste. Newline always splits a paste. /\n delimiters?: string[];\n /* Tag variant used for the chips. /\n chipVariant?: TagProps['variant'];\n /* Accessible name for each chip's remove button. /\n removeLabel?: (tag: string) => string;\n /* Live-region text announced on add/remove (screen readers). /\n formatAnnouncement?: (tag: string, action: 'add' \| 'remove') => string;\n}\n\n// ─── 3. Component ─── //\n\nfunction TagInput({\n id: externalId,\n value,\n defaultValue,\n onChange,\n label,\n helperText,\n errorMessage,\n error,\n size,\n disabled,\n required,\n placeholder,\n max,\n allowDuplicates = false,\n caseSensitive = false,\n validate,\n delimiters = [','],\n chipVariant = 'secondary',\n removeLabel = (tag) => `Remove ${tag}`,\n formatAnnouncement = (tag, action) => `${tag} ${action === 'add' ? 'added' : 'removed'}`,\n className,\n ...props\n}: TagInputProps) {\n const isControlled = value !== undefined;\n const [uncontrolledTags, setUncontrolledTags] = useState<string[]>(defaultValue ?? []);\n const tags = isControlled ? value : uncontrolledTags;\n\n const [draft, setDraft] = useState('');\n const [announcement, setAnnouncement] = useState('');\n const inputRef = useRef<HTMLInputElement>(null);\n\n const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n useFieldA11y({\n name: 'TagInput',\n id: externalId,\n label,\n error,\n errorMessage,\n helperText,\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n });\n\n const commit = (next: string[]) => {\n if (!isControlled) setUncontrolledTags(next);\n onChange?.(next);\n };\n\n const norm = (t: string) => (caseSensitive ? t : t.toLowerCase());\n\n // Run raw fragments through the full accept pipeline (trim → drop-empty →\n // max cap → dedup → validate), appending the survivors. Only ever appends,\n // so the accepted set is `next.slice(current.length)`.\n const accept = (raw: string[], current: string[]): string[] => {\n let next = current;\n for (const fragment of raw) {\n const trimmed = fragment.trim();\n if (!trimmed) continue;\n if (max !== undefined && next.length >= max) break;\n if (!allowDuplicates && next.some((t) => norm(t) === norm(trimmed))) continue;\n if (validate && !validate(trimmed, next)) continue;\n next = [...next, trimmed];\n }\n return next;\n };\n\n const announceAdded = (added: string[]) => {\n if (added.length > 0) {\n setAnnouncement(added.map((t) => formatAnnouncement(t, 'add')).join(', '));\n }\n };\n\n const commitDraft = () => {\n const next = accept([draft], tags);\n if (next.length > tags.length) {\n commit(next);\n announceAdded(next.slice(tags.length));\n setDraft('');\n }\n // Rejected (dup / max / validate / empty): keep the draft so it can be fixed.\n };\n\n // Build a paste splitter from the delimiter chars + newlines. `-` is escaped\n // too (trailing in the class) so a delimiter like `-` can't form an invalid\n // character-class range (e.g. `['\|','-']` → `[\|-…]` would throw).\n const splitPaste = (text: string): string[] => {\n const escaped = delimiters.map((d) => d.replace(/[.+?^${}()\|[\\]\\\\-]/g, '\\\\$&'));\n const pattern = new RegExp(`[${escaped.join('')}\\\\n\\\\r]`);\n return text.split(pattern);\n };\n\n const removeTag = (index: number) => {\n const removed = tags[index];\n commit(tags.filter((_, i) => i !== index));\n setAnnouncement(formatAnnouncement(removed, 'remove'));\n inputRef.current?.focus();\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled) return;\n if (event.key === 'Enter') {\n // Always swallow Enter so it adds a tag instead of submitting the form.\n event.preventDefault();\n if (draft.trim()) commitDraft();\n } else if (delimiters.includes(event.key)) {\n event.preventDefault();\n if (draft.trim()) commitDraft();\n } else if (event.key === 'Backspace' && draft === '' && tags.length > 0) {\n event.preventDefault();\n removeTag(tags.length - 1);\n }\n };\n\n const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n if (disabled) return;\n const text = event.clipboardData.getData('text');\n const fragments = splitPaste(text);\n // No delimiter in the pasted text → let it type normally into the draft.\n if (fragments.length <= 1) return;\n event.preventDefault();\n const next = accept(fragments, tags);\n if (next.length > tags.length) {\n commit(next);\n announceAdded(next.slice(tags.length));\n // Clear any in-progress draft so it isn't left stranded after the paste.\n setDraft('');\n }\n };\n\n // Clicking the box chrome (not a chip button or the input) focuses the input.\n const handleBoxMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n const target = event.target as HTMLElement;\n if (target === inputRef.current \|\| target.closest('button')) return;\n event.preventDefault();\n inputRef.current?.focus();\n };\n\n const chipSize: TagProps['size'] = size === 'lg' ? 'md' : 'sm';\n\n return (\n <div data-slot=\"tag-input-field\" className=\"ddga-field\">\n {label && (\n <label htmlFor={fieldId} className=\"ddga-tag-input__label\">\n {label}\n {required && (\n <span aria-hidden=\"true\" className=\"ddga-tag-input__required\">\n *\n </span>\n )}\n </label>\n )}\n <div\n data-slot=\"tag-input-control\"\n className={cn(tagInputVariants({ size, error: hasError }), className)}\n data-disabled={disabled \|\| undefined}\n onMouseDown={disabled ? undefined : handleBoxMouseDown}\n >\n {tags.length > 0 && (\n <ul data-slot=\"tag-input-list\" className=\"ddga-tag-input__list\" role=\"list\">\n {tags.map((tag, index) => (\n <li\n // Tags can repeat (allowDuplicates) so the value alone is not a\n // stable key; pair it with the index.\n key={`${tag}-${index}`}\n data-slot=\"tag-input-item\"\n className=\"ddga-tag-input__item\"\n // `display:contents` on the list/item can drop the implicit\n // list semantics in some engines; re-assert them explicitly.\n role=\"listitem\"\n >\n <Tag\n variant={chipVariant}\n size={chipSize}\n // Controlled-open: the chip never self-hides — removal flows\n // through onChange so controlled consumers stay the source of truth.\n open\n dismissible={!disabled}\n onDismiss={() => removeTag(index)}\n closeLabel={removeLabel(tag)}\n >\n {tag}\n </Tag>\n </li>\n ))}\n </ul>\n )}\n <input\n // Spread consumer props first, then our a11y contract + handlers so\n // they cannot be clobbered.\n {...props}\n {...controlProps}\n ref={inputRef}\n data-slot=\"tag-input\"\n className=\"ddga-tag-input__field\"\n type=\"text\"\n value={draft}\n disabled={disabled}\n // `aria-required` (not native `required`): the input holds the draft,\n // not the committed tags, so native `required` would block form\n // submit whenever the draft is empty even though tags exist.\n aria-required={required \|\| undefined}\n placeholder={tags.length === 0 ? placeholder : undefined}\n onChange={(event) => setDraft(event.target.value)}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n />\n </div>\n <div data-slot=\"tag-input-live\" className=\"ddga-sr-only\" role=\"status\" aria-live=\"polite\">\n {announcement}\n </div>\n {hasErrorMessage && (\n <FieldMessage id={errorId} variant=\"error\">\n {errorMessage}\n </FieldMessage>\n )}\n {hasHelper && (\n <FieldMessage id={helperId} variant=\"helper\">\n {helperText}\n </FieldMessage>\n )}\n </div>\n );\n}\n\n// ─── 4. Exports ─── //\n\nexport { TagInput, tagInputVariants };\nexport type { TagInputProps };\n"]}
1	+ {"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YPC7FRJX.cjs","../src/components/TagInput/TagInput.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YPC7FRJX.cjs","sourcesContent":[null,"'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Tag, type TagProps } from '../Tag';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the control (the bordered box), not the raw <input> — the box\n// owns the border, sizing, focus ring and disabled/error styling so the chips\n// and the text input wrap inside the field. Mirrors Input's box, but the box\n// grows vertically as chips wrap (min-block-size, not a fixed height).\nconst tagInputVariants = cva('ddga-tag-input', {\n variants: {\n size: {\n sm: 'ddga-tag-input--sm',\n md: 'ddga-tag-input--md',\n lg: 'ddga-tag-input--lg',\n },\n error: {\n true: 'ddga-tag-input--error',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\n// ─── 2. Types ─── //\n\n// We own `value` / `defaultValue` (string[] tags, not strings), `onChange`\n// (fires with the tag array), and the design-system `size` variant — so they\n// are stripped from the native input props the rest are spread onto.\ntype NativeInputProps = Omit<\n React.ComponentProps<'input'>,\n 'value' \| 'defaultValue' \| 'onChange' \| 'size'\n>;\n\ninterface TagInputProps\n extends NativeInputProps, Omit<VariantProps<typeof tagInputVariants>, 'error'> {\n /** Controlled tag list. /\n value?: string[];\n /* Uncontrolled initial tag list. /\n defaultValue?: string[];\n /* Fires with the full accepted tag set after every add/remove. /\n onChange?: (tags: string[]) => void;\n /* Visible field label, associated to the text input. /\n label?: ReactNode;\n /* Hint shown below the field. Hidden while an error message is showing. /\n helperText?: ReactNode;\n /* Message shown below the field when invalid. /\n errorMessage?: ReactNode;\n /* Marks the field invalid: sets `aria-invalid` and error styling. /\n error?: boolean;\n /* Caps the number of tags. Adds beyond the cap are no-ops. /\n max?: number;\n /* Allow the same tag more than once. Off → duplicates are rejected. /\n allowDuplicates?: boolean;\n /* Make duplicate detection case-sensitive. Default: case-insensitive. /\n caseSensitive?: boolean;\n /* Consumer gate run on each candidate tag. Return false to reject (draft kept). /\n validate?: (tag: string, tags: string[]) => boolean;\n /* Characters that commit the draft and split a paste. Newline always splits a paste. /\n delimiters?: string[];\n /* Tag variant used for the chips. /\n chipVariant?: TagProps['variant'];\n /* Accessible name for each chip's remove button. /\n removeLabel?: (tag: string) => string;\n /* Live-region text announced on add/remove (screen readers). /\n formatAnnouncement?: (tag: string, action: 'add' \| 'remove') => string;\n}\n\n// ─── 3. Component ─── //\n\nfunction TagInput({\n id: externalId,\n value,\n defaultValue,\n onChange,\n label,\n helperText,\n errorMessage,\n error,\n size,\n disabled,\n required,\n placeholder,\n max,\n allowDuplicates = false,\n caseSensitive = false,\n validate,\n delimiters = [','],\n chipVariant = 'secondary',\n removeLabel = (tag) => `Remove ${tag}`,\n formatAnnouncement = (tag, action) => `${tag} ${action === 'add' ? 'added' : 'removed'}`,\n className,\n ...props\n}: TagInputProps) {\n const isControlled = value !== undefined;\n const [uncontrolledTags, setUncontrolledTags] = useState<string[]>(defaultValue ?? []);\n const tags = isControlled ? value : uncontrolledTags;\n\n const [draft, setDraft] = useState('');\n const [announcement, setAnnouncement] = useState('');\n const inputRef = useRef<HTMLInputElement>(null);\n\n const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n useFieldA11y({\n name: 'TagInput',\n id: externalId,\n label,\n error,\n errorMessage,\n helperText,\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n });\n\n const commit = (next: string[]) => {\n if (!isControlled) setUncontrolledTags(next);\n onChange?.(next);\n };\n\n const norm = (t: string) => (caseSensitive ? t : t.toLowerCase());\n\n // Run raw fragments through the full accept pipeline (trim → drop-empty →\n // max cap → dedup → validate), appending the survivors. Only ever appends,\n // so the accepted set is `next.slice(current.length)`.\n const accept = (raw: string[], current: string[]): string[] => {\n let next = current;\n for (const fragment of raw) {\n const trimmed = fragment.trim();\n if (!trimmed) continue;\n if (max !== undefined && next.length >= max) break;\n if (!allowDuplicates && next.some((t) => norm(t) === norm(trimmed))) continue;\n if (validate && !validate(trimmed, next)) continue;\n next = [...next, trimmed];\n }\n return next;\n };\n\n const announceAdded = (added: string[]) => {\n if (added.length > 0) {\n setAnnouncement(added.map((t) => formatAnnouncement(t, 'add')).join(', '));\n }\n };\n\n const commitDraft = () => {\n const next = accept([draft], tags);\n if (next.length > tags.length) {\n commit(next);\n announceAdded(next.slice(tags.length));\n setDraft('');\n }\n // Rejected (dup / max / validate / empty): keep the draft so it can be fixed.\n };\n\n // Build a paste splitter from the delimiter chars + newlines. `-` is escaped\n // too (trailing in the class) so a delimiter like `-` can't form an invalid\n // character-class range (e.g. `['\|','-']` → `[\|-…]` would throw).\n const splitPaste = (text: string): string[] => {\n const escaped = delimiters.map((d) => d.replace(/[.+?^${}()\|[\\]\\\\-]/g, '\\\\$&'));\n const pattern = new RegExp(`[${escaped.join('')}\\\\n\\\\r]`);\n return text.split(pattern);\n };\n\n const removeTag = (index: number) => {\n const removed = tags[index];\n commit(tags.filter((_, i) => i !== index));\n setAnnouncement(formatAnnouncement(removed, 'remove'));\n inputRef.current?.focus();\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled) return;\n if (event.key === 'Enter') {\n // Always swallow Enter so it adds a tag instead of submitting the form.\n event.preventDefault();\n if (draft.trim()) commitDraft();\n } else if (delimiters.includes(event.key)) {\n event.preventDefault();\n if (draft.trim()) commitDraft();\n } else if (event.key === 'Backspace' && draft === '' && tags.length > 0) {\n event.preventDefault();\n removeTag(tags.length - 1);\n }\n };\n\n const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n if (disabled) return;\n const text = event.clipboardData.getData('text');\n const fragments = splitPaste(text);\n // No delimiter in the pasted text → let it type normally into the draft.\n if (fragments.length <= 1) return;\n event.preventDefault();\n const next = accept(fragments, tags);\n if (next.length > tags.length) {\n commit(next);\n announceAdded(next.slice(tags.length));\n // Clear any in-progress draft so it isn't left stranded after the paste.\n setDraft('');\n }\n };\n\n // Clicking the box chrome (not a chip button or the input) focuses the input.\n const handleBoxMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n const target = event.target as HTMLElement;\n if (target === inputRef.current \|\| target.closest('button')) return;\n event.preventDefault();\n inputRef.current?.focus();\n };\n\n const chipSize: TagProps['size'] = size === 'lg' ? 'md' : 'sm';\n\n return (\n <div data-slot=\"tag-input-field\" className=\"ddga-field\">\n {label && (\n <label htmlFor={fieldId} className=\"ddga-tag-input__label\">\n {label}\n {required && (\n <span aria-hidden=\"true\" className=\"ddga-tag-input__required\">\n *\n </span>\n )}\n </label>\n )}\n <div\n data-slot=\"tag-input-control\"\n className={cn(tagInputVariants({ size, error: hasError }), className)}\n data-disabled={disabled \|\| undefined}\n onMouseDown={disabled ? undefined : handleBoxMouseDown}\n >\n {tags.length > 0 && (\n <ul data-slot=\"tag-input-list\" className=\"ddga-tag-input__list\" role=\"list\">\n {tags.map((tag, index) => (\n <li\n // Tags can repeat (allowDuplicates) so the value alone is not a\n // stable key; pair it with the index.\n key={`${tag}-${index}`}\n data-slot=\"tag-input-item\"\n className=\"ddga-tag-input__item\"\n // `display:contents` on the list/item can drop the implicit\n // list semantics in some engines; re-assert them explicitly.\n role=\"listitem\"\n >\n <Tag\n variant={chipVariant}\n size={chipSize}\n // Controlled-open: the chip never self-hides — removal flows\n // through onChange so controlled consumers stay the source of truth.\n open\n dismissible={!disabled}\n onDismiss={() => removeTag(index)}\n closeLabel={removeLabel(tag)}\n >\n {tag}\n </Tag>\n </li>\n ))}\n </ul>\n )}\n <input\n // Spread consumer props first, then our a11y contract + handlers so\n // they cannot be clobbered.\n {...props}\n {...controlProps}\n ref={inputRef}\n data-slot=\"tag-input\"\n className=\"ddga-tag-input__field\"\n type=\"text\"\n value={draft}\n disabled={disabled}\n // `aria-required` (not native `required`): the input holds the draft,\n // not the committed tags, so native `required` would block form\n // submit whenever the draft is empty even though tags exist.\n aria-required={required \|\| undefined}\n placeholder={tags.length === 0 ? placeholder : undefined}\n onChange={(event) => setDraft(event.target.value)}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n />\n </div>\n <div data-slot=\"tag-input-live\" className=\"ddga-sr-only\" role=\"status\" aria-live=\"polite\">\n {announcement}\n </div>\n {hasErrorMessage && (\n <FieldMessage id={errorId} variant=\"error\">\n {errorMessage}\n </FieldMessage>\n )}\n {hasHelper && (\n <FieldMessage id={helperId} variant=\"helper\">\n {helperText}\n </FieldMessage>\n )}\n </div>\n );\n}\n\n// ─── 4. Exports ─── //\n\nexport { TagInput, tagInputVariants };\nexport type { TagInputProps };\n"]}

package/dist/{chunk-TYZIRV75.cjs → chunk-ZCRO2PBB.cjs} RENAMED Viewed

@@ -3,13 +3,13 @@
 var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
-var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
 // src/components/Rating/Rating.tsx
 var _react = require('react');
@@ -187,4 +187,4 @@ function Rating({
 exports.ratingVariants = ratingVariants; exports.Rating = Rating;
-//# sourceMappingURL=chunk-TYZIRV75.cjs.map
+//# sourceMappingURL=chunk-ZCRO2PBB.cjs.map

package/dist/{chunk-TYZIRV75.cjs.map → chunk-ZCRO2PBB.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TYZIRV75.cjs","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TYZIRV75.cjs","sourcesContent":[null,"'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Star } from '../../internal/icons';\n\nconst ratingVariants = cva('ddga-rating', {\n variants: {\n size: {\n sm: 'ddga-rating--sm',\n md: 'ddga-rating--md',\n lg: 'ddga-rating--lg',\n },\n tone: {\n default: '',\n brand: 'ddga-rating--brand',\n },\n },\n defaultVariants: {\n size: 'md',\n tone: 'default',\n },\n});\n\ninterface RatingProps\n extends\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' \| 'onClick' \| 'defaultValue' \| 'dir'>,\n VariantProps<typeof ratingVariants> {\n /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. /\n value?: number;\n /* Uncontrolled initial value. Defaults to 0. /\n defaultValue?: number;\n /* Fires with the chosen rating. /\n onValueChange?: (value: number) => void;\n\n /* Number of stars. Defaults to 5. /\n max?: number;\n /* Allow half-star (`.5`) precision. /\n allowHalf?: boolean;\n /* Display only — no interaction, exposed as `role=\"img\"`. /\n readOnly?: boolean;\n /* Non-interactive and dimmed. /\n disabled?: boolean;\n\n /* Visible field label. /\n label?: ReactNode;\n /* Hint shown below the field. Hidden while an error message is showing. /\n helperText?: ReactNode;\n /* Message shown below the field when `error` is true. /\n errorMessage?: ReactNode;\n /* Marks the field invalid: sets `aria-invalid` and error styling. /\n error?: boolean;\n\n /* SDGA Style axis. `default` (gold) · `brand` (SA green). Recolor per\n * instance via the `--ddga-rating-color` CSS variable. /\n tone?: 'default' \| 'brand';\n\n /* Symbol rendered instead of the default star (e.g. a heart). Used for both\n * the empty and filled layers — fill/empty colors come from CSS, so pass an\n * icon that uses `currentColor`. Defaults to the SDGA star. /\n icon?: ReactNode;\n\n /* Builds the accessible value text / read-only label. Defaults to\n * `\"{value} out of {max} stars\"`. Override for localization. /\n formatValueText?: (value: number, max: number) => string;\n\n id?: string;\n className?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n return Math.min(max, Math.max(min, value));\n}\n\nfunction defaultValueText(value: number, max: number): string {\n return `${value} out of ${max} stars`;\n}\n\n/* Fill level for the star at 0-based `index` given the current value. /\nfunction fillFor(index: number, value: number, allowHalf: boolean): 'full' \| 'half' \| 'empty' {\n if (value >= index + 1) return 'full';\n if (allowHalf && value >= index + 0.5) return 'half';\n return 'empty';\n}\n\nfunction Rating({\n id: externalId,\n value,\n defaultValue,\n onValueChange,\n max = 5,\n allowHalf = false,\n readOnly = false,\n disabled = false,\n size,\n tone,\n icon,\n label,\n helperText,\n errorMessage,\n error,\n formatValueText = defaultValueText,\n className,\n ...props\n}: RatingProps) {\n const rootRef = useRef<HTMLDivElement>(null);\n const isControlled = value !== undefined;\n const [internal, setInternal] = useState<number>(defaultValue ?? 0);\n const currentValue = isControlled ? value : internal;\n\n const [hover, setHover] = useState<number \| null>(null);\n const interactive = !readOnly && !disabled;\n const stepSize = allowHalf ? 0.5 : 1;\n\n const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n useFieldA11y({\n name: 'Rating',\n id: externalId,\n label,\n error,\n errorMessage,\n helperText,\n // role=slider/img always has an accessible name → suppress the no-label warning.\n 'aria-label': props['aria-label'] ?? formatValueText(currentValue, max),\n 'aria-labelledby': props['aria-labelledby'],\n });\n\n const displayValue = hover ?? currentValue;\n\n function commit(next: number) {\n if (!isControlled) setInternal(next);\n onValueChange?.(next);\n }\n\n function readDir(): 'ltr' \| 'rtl' {\n const el = rootRef.current;\n if (!el \|\| typeof getComputedStyle !== 'function') return 'ltr';\n return getComputedStyle(el).direction === 'rtl' ? 'rtl' : 'ltr';\n }\n\n /* Value implied by the pointer position over star `index`. */\n function pointerValue(event: React.PointerEvent \| React.MouseEvent, index: number): number {\n const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;\n if (readDir() === 'rtl') fraction = 1 - fraction;\n if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);\n return index + 1;\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n if (!interactive) return;\n const rtl = readDir() === 'rtl';\n let next: number \| null = null;\n switch (event.key) {\n case 'ArrowUp':\n next = currentValue + stepSize;\n break;\n case 'ArrowDown':\n next = currentValue - stepSize;\n break;\n case 'ArrowRight':\n next = currentValue + (rtl ? -stepSize : stepSize);\n break;\n case 'ArrowLeft':\n next = currentValue + (rtl ? stepSize : -stepSize);\n break;\n case 'Home':\n next = 0;\n break;\n case 'End':\n next = max;\n break;\n default:\n return;\n }\n event.preventDefault();\n commit(clamp(next, 0, max));\n }\n\n const symbol = icon ?? <Star />;\n\n const stars = Array.from({ length: max }, (_, index) => {\n const level = fillFor(index, displayValue, allowHalf);\n return (\n <span\n key={index}\n data-slot=\"rating-star\"\n data-fill={level}\n className=\"ddga-rating__star\"\n onPointerMove={interactive ? (event) => setHover(pointerValue(event, index)) : undefined}\n onClick={interactive ? (event) => commit(pointerValue(event, index)) : undefined}\n >\n <span className=\"ddga-rating__star-bg\" aria-hidden=\"true\">\n {symbol}\n </span>\n <span className=\"ddga-rating__star-fill\" aria-hidden=\"true\">\n <span className=\"ddga-rating__star-fg\" aria-hidden=\"true\">\n {symbol}\n </span>\n </span>\n </span>\n );\n });\n\n const sharedProps = {\n ...props,\n ref: rootRef,\n 'data-slot': 'rating',\n 'data-disabled': disabled \|\| undefined,\n className: cn(ratingVariants({ size, tone }), hasError && 'ddga-rating--error', className),\n onPointerLeave: interactive ? () => setHover(null) : undefined,\n };\n\n // Name precedence: visible label → consumer aria-labelledby/label → generic.\n const labelledBy = label ? `${fieldId}-label` : props['aria-labelledby'];\n const ariaLabel = labelledBy ? undefined : (props['aria-label'] ?? 'Rating');\n\n return (\n <div data-slot=\"rating-field\" className=\"ddga-field\">\n {label && (\n <span id={`${fieldId}-label`} className=\"ddga-rating__label\">\n {label}\n </span>\n )}\n\n {readOnly ? (\n <div {...sharedProps} role=\"img\" aria-label={formatValueText(currentValue, max)}>\n {stars}\n </div>\n ) : (\n <div\n {...sharedProps}\n role=\"slider\"\n id={fieldId}\n tabIndex={disabled ? -1 : 0}\n aria-valuemin={0}\n aria-valuemax={max}\n aria-valuenow={currentValue}\n aria-valuetext={formatValueText(currentValue, max)}\n aria-labelledby={labelledBy}\n aria-label={ariaLabel}\n aria-invalid={controlProps['aria-invalid']}\n aria-describedby={controlProps['aria-describedby']}\n aria-disabled={disabled \|\| undefined}\n onKeyDown={handleKeyDown}\n >\n {stars}\n </div>\n )}\n\n {hasErrorMessage && (\n <FieldMessage id={errorId} variant=\"error\">\n {errorMessage}\n </FieldMessage>\n )}\n {hasHelper && (\n <FieldMessage id={helperId} variant=\"helper\">\n {helperText}\n </FieldMessage>\n )}\n </div>\n );\n}\n\nexport { Rating, ratingVariants };\nexport type { RatingProps };\n"]}
1	+ {"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ZCRO2PBB.cjs","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ZCRO2PBB.cjs","sourcesContent":[null,"'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Star } from '../../internal/icons';\n\nconst ratingVariants = cva('ddga-rating', {\n variants: {\n size: {\n sm: 'ddga-rating--sm',\n md: 'ddga-rating--md',\n lg: 'ddga-rating--lg',\n },\n tone: {\n default: '',\n brand: 'ddga-rating--brand',\n },\n },\n defaultVariants: {\n size: 'md',\n tone: 'default',\n },\n});\n\ninterface RatingProps\n extends\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' \| 'onClick' \| 'defaultValue' \| 'dir'>,\n VariantProps<typeof ratingVariants> {\n /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. /\n value?: number;\n /* Uncontrolled initial value. Defaults to 0. /\n defaultValue?: number;\n /* Fires with the chosen rating. /\n onValueChange?: (value: number) => void;\n\n /* Number of stars. Defaults to 5. /\n max?: number;\n /* Allow half-star (`.5`) precision. /\n allowHalf?: boolean;\n /* Display only — no interaction, exposed as `role=\"img\"`. /\n readOnly?: boolean;\n /* Non-interactive and dimmed. /\n disabled?: boolean;\n\n /* Visible field label. /\n label?: ReactNode;\n /* Hint shown below the field. Hidden while an error message is showing. /\n helperText?: ReactNode;\n /* Message shown below the field when `error` is true. /\n errorMessage?: ReactNode;\n /* Marks the field invalid: sets `aria-invalid` and error styling. /\n error?: boolean;\n\n /* SDGA Style axis. `default` (gold) · `brand` (SA green). Recolor per\n * instance via the `--ddga-rating-color` CSS variable. /\n tone?: 'default' \| 'brand';\n\n /* Symbol rendered instead of the default star (e.g. a heart). Used for both\n * the empty and filled layers — fill/empty colors come from CSS, so pass an\n * icon that uses `currentColor`. Defaults to the SDGA star. /\n icon?: ReactNode;\n\n /* Builds the accessible value text / read-only label. Defaults to\n * `\"{value} out of {max} stars\"`. Override for localization. /\n formatValueText?: (value: number, max: number) => string;\n\n id?: string;\n className?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n return Math.min(max, Math.max(min, value));\n}\n\nfunction defaultValueText(value: number, max: number): string {\n return `${value} out of ${max} stars`;\n}\n\n/* Fill level for the star at 0-based `index` given the current value. /\nfunction fillFor(index: number, value: number, allowHalf: boolean): 'full' \| 'half' \| 'empty' {\n if (value >= index + 1) return 'full';\n if (allowHalf && value >= index + 0.5) return 'half';\n return 'empty';\n}\n\nfunction Rating({\n id: externalId,\n value,\n defaultValue,\n onValueChange,\n max = 5,\n allowHalf = false,\n readOnly = false,\n disabled = false,\n size,\n tone,\n icon,\n label,\n helperText,\n errorMessage,\n error,\n formatValueText = defaultValueText,\n className,\n ...props\n}: RatingProps) {\n const rootRef = useRef<HTMLDivElement>(null);\n const isControlled = value !== undefined;\n const [internal, setInternal] = useState<number>(defaultValue ?? 0);\n const currentValue = isControlled ? value : internal;\n\n const [hover, setHover] = useState<number \| null>(null);\n const interactive = !readOnly && !disabled;\n const stepSize = allowHalf ? 0.5 : 1;\n\n const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n useFieldA11y({\n name: 'Rating',\n id: externalId,\n label,\n error,\n errorMessage,\n helperText,\n // role=slider/img always has an accessible name → suppress the no-label warning.\n 'aria-label': props['aria-label'] ?? formatValueText(currentValue, max),\n 'aria-labelledby': props['aria-labelledby'],\n });\n\n const displayValue = hover ?? currentValue;\n\n function commit(next: number) {\n if (!isControlled) setInternal(next);\n onValueChange?.(next);\n }\n\n function readDir(): 'ltr' \| 'rtl' {\n const el = rootRef.current;\n if (!el \|\| typeof getComputedStyle !== 'function') return 'ltr';\n return getComputedStyle(el).direction === 'rtl' ? 'rtl' : 'ltr';\n }\n\n /* Value implied by the pointer position over star `index`. */\n function pointerValue(event: React.PointerEvent \| React.MouseEvent, index: number): number {\n const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;\n if (readDir() === 'rtl') fraction = 1 - fraction;\n if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);\n return index + 1;\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n if (!interactive) return;\n const rtl = readDir() === 'rtl';\n let next: number \| null = null;\n switch (event.key) {\n case 'ArrowUp':\n next = currentValue + stepSize;\n break;\n case 'ArrowDown':\n next = currentValue - stepSize;\n break;\n case 'ArrowRight':\n next = currentValue + (rtl ? -stepSize : stepSize);\n break;\n case 'ArrowLeft':\n next = currentValue + (rtl ? stepSize : -stepSize);\n break;\n case 'Home':\n next = 0;\n break;\n case 'End':\n next = max;\n break;\n default:\n return;\n }\n event.preventDefault();\n commit(clamp(next, 0, max));\n }\n\n const symbol = icon ?? <Star />;\n\n const stars = Array.from({ length: max }, (_, index) => {\n const level = fillFor(index, displayValue, allowHalf);\n return (\n <span\n key={index}\n data-slot=\"rating-star\"\n data-fill={level}\n className=\"ddga-rating__star\"\n onPointerMove={interactive ? (event) => setHover(pointerValue(event, index)) : undefined}\n onClick={interactive ? (event) => commit(pointerValue(event, index)) : undefined}\n >\n <span className=\"ddga-rating__star-bg\" aria-hidden=\"true\">\n {symbol}\n </span>\n <span className=\"ddga-rating__star-fill\" aria-hidden=\"true\">\n <span className=\"ddga-rating__star-fg\" aria-hidden=\"true\">\n {symbol}\n </span>\n </span>\n </span>\n );\n });\n\n const sharedProps = {\n ...props,\n ref: rootRef,\n 'data-slot': 'rating',\n 'data-disabled': disabled \|\| undefined,\n className: cn(ratingVariants({ size, tone }), hasError && 'ddga-rating--error', className),\n onPointerLeave: interactive ? () => setHover(null) : undefined,\n };\n\n // Name precedence: visible label → consumer aria-labelledby/label → generic.\n const labelledBy = label ? `${fieldId}-label` : props['aria-labelledby'];\n const ariaLabel = labelledBy ? undefined : (props['aria-label'] ?? 'Rating');\n\n return (\n <div data-slot=\"rating-field\" className=\"ddga-field\">\n {label && (\n <span id={`${fieldId}-label`} className=\"ddga-rating__label\">\n {label}\n </span>\n )}\n\n {readOnly ? (\n <div {...sharedProps} role=\"img\" aria-label={formatValueText(currentValue, max)}>\n {stars}\n </div>\n ) : (\n <div\n {...sharedProps}\n role=\"slider\"\n id={fieldId}\n tabIndex={disabled ? -1 : 0}\n aria-valuemin={0}\n aria-valuemax={max}\n aria-valuenow={currentValue}\n aria-valuetext={formatValueText(currentValue, max)}\n aria-labelledby={labelledBy}\n aria-label={ariaLabel}\n aria-invalid={controlProps['aria-invalid']}\n aria-describedby={controlProps['aria-describedby']}\n aria-disabled={disabled \|\| undefined}\n onKeyDown={handleKeyDown}\n >\n {stars}\n </div>\n )}\n\n {hasErrorMessage && (\n <FieldMessage id={errorId} variant=\"error\">\n {errorMessage}\n </FieldMessage>\n )}\n {hasHelper && (\n <FieldMessage id={helperId} variant=\"helper\">\n {helperText}\n </FieldMessage>\n )}\n </div>\n );\n}\n\nexport { Rating, ratingVariants };\nexport type { RatingProps };\n"]}

package/dist/components/Card/Card.cjs CHANGED Viewed

@@ -10,12 +10,12 @@
-var _chunkP7WYXL4Acjs = require('../../chunk-P7WYXL4A.cjs');
-require('../../chunk-YS2JJ73M.cjs');
+var _chunkGXF5IZEXcjs = require('../../chunk-GXF5IZEX.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-5NENDJOM.cjs');
 require('../../chunk-3RUIKBH4.cjs');
 require('../../chunk-JCOUZVG3.cjs');
+require('../../chunk-YS2JJ73M.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
@@ -28,5 +28,5 @@ require('../../chunk-V6MXOJQ4.cjs');
-exports.Card = _chunkP7WYXL4Acjs.Card; exports.CardContent = _chunkP7WYXL4Acjs.CardContent; exports.CardDescription = _chunkP7WYXL4Acjs.CardDescription; exports.CardExpandableContent = _chunkP7WYXL4Acjs.CardExpandableContent; exports.CardFooter = _chunkP7WYXL4Acjs.CardFooter; exports.CardHeader = _chunkP7WYXL4Acjs.CardHeader; exports.CardIcon = _chunkP7WYXL4Acjs.CardIcon; exports.CardImage = _chunkP7WYXL4Acjs.CardImage; exports.CardTitle = _chunkP7WYXL4Acjs.CardTitle; exports.cardVariants = _chunkP7WYXL4Acjs.cardVariants;
+exports.Card = _chunkGXF5IZEXcjs.Card; exports.CardContent = _chunkGXF5IZEXcjs.CardContent; exports.CardDescription = _chunkGXF5IZEXcjs.CardDescription; exports.CardExpandableContent = _chunkGXF5IZEXcjs.CardExpandableContent; exports.CardFooter = _chunkGXF5IZEXcjs.CardFooter; exports.CardHeader = _chunkGXF5IZEXcjs.CardHeader; exports.CardIcon = _chunkGXF5IZEXcjs.CardIcon; exports.CardImage = _chunkGXF5IZEXcjs.CardImage; exports.CardTitle = _chunkGXF5IZEXcjs.CardTitle; exports.cardVariants = _chunkGXF5IZEXcjs.cardVariants;
 //# sourceMappingURL=Card.cjs.map

package/dist/components/Card/Card.js CHANGED Viewed

@@ -10,12 +10,12 @@ import {
   CardImage,
   CardTitle,
   cardVariants
-} from "../../chunk-MECGQLHL.js";
-import "../../chunk-FFGALWM2.js";
+} from "../../chunk-NJIQJHJS.js";
 import "../../chunk-N5JDL4VE.js";
 import "../../chunk-GQAX2CH6.js";
 import "../../chunk-TH3ITGUM.js";
 import "../../chunk-FO7IICMM.js";
+import "../../chunk-FFGALWM2.js";
 import "../../chunk-7NTT2UXP.js";
 export {
   Card,

package/dist/components/Card/index.cjs CHANGED Viewed

@@ -10,12 +10,12 @@
-var _chunkP7WYXL4Acjs = require('../../chunk-P7WYXL4A.cjs');
-require('../../chunk-YS2JJ73M.cjs');
+var _chunkGXF5IZEXcjs = require('../../chunk-GXF5IZEX.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-5NENDJOM.cjs');
 require('../../chunk-3RUIKBH4.cjs');
 require('../../chunk-JCOUZVG3.cjs');
+require('../../chunk-YS2JJ73M.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
@@ -28,5 +28,5 @@ require('../../chunk-V6MXOJQ4.cjs');
-exports.Card = _chunkP7WYXL4Acjs.Card; exports.CardContent = _chunkP7WYXL4Acjs.CardContent; exports.CardDescription = _chunkP7WYXL4Acjs.CardDescription; exports.CardExpandableContent = _chunkP7WYXL4Acjs.CardExpandableContent; exports.CardFooter = _chunkP7WYXL4Acjs.CardFooter; exports.CardHeader = _chunkP7WYXL4Acjs.CardHeader; exports.CardIcon = _chunkP7WYXL4Acjs.CardIcon; exports.CardImage = _chunkP7WYXL4Acjs.CardImage; exports.CardTitle = _chunkP7WYXL4Acjs.CardTitle; exports.cardVariants = _chunkP7WYXL4Acjs.cardVariants;
+exports.Card = _chunkGXF5IZEXcjs.Card; exports.CardContent = _chunkGXF5IZEXcjs.CardContent; exports.CardDescription = _chunkGXF5IZEXcjs.CardDescription; exports.CardExpandableContent = _chunkGXF5IZEXcjs.CardExpandableContent; exports.CardFooter = _chunkGXF5IZEXcjs.CardFooter; exports.CardHeader = _chunkGXF5IZEXcjs.CardHeader; exports.CardIcon = _chunkGXF5IZEXcjs.CardIcon; exports.CardImage = _chunkGXF5IZEXcjs.CardImage; exports.CardTitle = _chunkGXF5IZEXcjs.CardTitle; exports.cardVariants = _chunkGXF5IZEXcjs.cardVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Card/index.js CHANGED Viewed

@@ -10,12 +10,12 @@ import {
   CardImage,
   CardTitle,
   cardVariants
-} from "../../chunk-MECGQLHL.js";
-import "../../chunk-FFGALWM2.js";
+} from "../../chunk-NJIQJHJS.js";
 import "../../chunk-N5JDL4VE.js";
 import "../../chunk-GQAX2CH6.js";
 import "../../chunk-TH3ITGUM.js";
 import "../../chunk-FO7IICMM.js";
+import "../../chunk-FFGALWM2.js";
 import "../../chunk-7NTT2UXP.js";
 export {
   Card,

package/dist/components/Charts/Charts.cjs CHANGED Viewed

@@ -3,12 +3,12 @@
-var _chunkO7BBEN7Ecjs = require('../../chunk-O7BBEN7E.cjs');
-require('../../chunk-FQLVTLUI.cjs');
+var _chunk7ECWVWEPcjs = require('../../chunk-7ECWVWEP.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
-exports.BarChart = _chunkO7BBEN7Ecjs.BarChart; exports.LineChart = _chunkO7BBEN7Ecjs.LineChart; exports.PieChart = _chunkO7BBEN7Ecjs.PieChart;
+exports.BarChart = _chunk7ECWVWEPcjs.BarChart; exports.LineChart = _chunk7ECWVWEPcjs.LineChart; exports.PieChart = _chunk7ECWVWEPcjs.PieChart;
 //# sourceMappingURL=Charts.cjs.map

package/dist/components/Charts/Charts.js CHANGED Viewed

@@ -3,9 +3,9 @@ import {
   BarChart,
   LineChart,
   PieChart
-} from "../../chunk-5GDTEDDH.js";
-import "../../chunk-TMXABSFE.js";
+} from "../../chunk-OUS6KAYF.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   BarChart,
   LineChart,

package/dist/components/Charts/index.cjs CHANGED Viewed

@@ -3,12 +3,12 @@
-var _chunkO7BBEN7Ecjs = require('../../chunk-O7BBEN7E.cjs');
-require('../../chunk-FQLVTLUI.cjs');
+var _chunk7ECWVWEPcjs = require('../../chunk-7ECWVWEP.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
-exports.BarChart = _chunkO7BBEN7Ecjs.BarChart; exports.LineChart = _chunkO7BBEN7Ecjs.LineChart; exports.PieChart = _chunkO7BBEN7Ecjs.PieChart;
+exports.BarChart = _chunk7ECWVWEPcjs.BarChart; exports.LineChart = _chunk7ECWVWEPcjs.LineChart; exports.PieChart = _chunk7ECWVWEPcjs.PieChart;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Charts/index.js CHANGED Viewed

@@ -3,9 +3,9 @@ import {
   BarChart,
   LineChart,
   PieChart
-} from "../../chunk-5GDTEDDH.js";
-import "../../chunk-TMXABSFE.js";
+} from "../../chunk-OUS6KAYF.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   BarChart,
   LineChart,

package/dist/components/Checkbox/Checkbox.cjs CHANGED Viewed

@@ -2,14 +2,14 @@
-var _chunkFV6E33FYcjs = require('../../chunk-FV6E33FY.cjs');
+var _chunkTQUB2TCLcjs = require('../../chunk-TQUB2TCL.cjs');
 require('../../chunk-YS2JJ73M.cjs');
+require('../../chunk-V6MXOJQ4.cjs');
 require('../../chunk-SICSD3HO.cjs');
 require('../../chunk-3UT22WQM.cjs');
 require('../../chunk-NH3KGR65.cjs');
-require('../../chunk-V6MXOJQ4.cjs');
-exports.Checkbox = _chunkFV6E33FYcjs.Checkbox; exports.checkboxVariants = _chunkFV6E33FYcjs.checkboxVariants;
+exports.Checkbox = _chunkTQUB2TCLcjs.Checkbox; exports.checkboxVariants = _chunkTQUB2TCLcjs.checkboxVariants;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.js CHANGED Viewed

@@ -2,12 +2,12 @@
 import {
   Checkbox,
   checkboxVariants
-} from "../../chunk-TNIRKGXY.js";
+} from "../../chunk-T6RGNFKN.js";
 import "../../chunk-FFGALWM2.js";
+import "../../chunk-7NTT2UXP.js";
 import "../../chunk-WI5UIBM5.js";
 import "../../chunk-E5ZIKIGB.js";
 import "../../chunk-HN5AFDQA.js";
-import "../../chunk-7NTT2UXP.js";
 export {
   Checkbox,
   checkboxVariants

package/dist/components/Checkbox/index.cjs CHANGED Viewed

@@ -2,14 +2,14 @@
-var _chunkFV6E33FYcjs = require('../../chunk-FV6E33FY.cjs');
+var _chunkTQUB2TCLcjs = require('../../chunk-TQUB2TCL.cjs');
 require('../../chunk-YS2JJ73M.cjs');
+require('../../chunk-V6MXOJQ4.cjs');
 require('../../chunk-SICSD3HO.cjs');
 require('../../chunk-3UT22WQM.cjs');
 require('../../chunk-NH3KGR65.cjs');
-require('../../chunk-V6MXOJQ4.cjs');
-exports.Checkbox = _chunkFV6E33FYcjs.Checkbox; exports.checkboxVariants = _chunkFV6E33FYcjs.checkboxVariants;
+exports.Checkbox = _chunkTQUB2TCLcjs.Checkbox; exports.checkboxVariants = _chunkTQUB2TCLcjs.checkboxVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Checkbox/index.js CHANGED Viewed

@@ -2,12 +2,12 @@ import "../../chunk-TZWNX7FF.js";
 import {
   Checkbox,
   checkboxVariants
-} from "../../chunk-TNIRKGXY.js";
+} from "../../chunk-T6RGNFKN.js";
 import "../../chunk-FFGALWM2.js";
+import "../../chunk-7NTT2UXP.js";
 import "../../chunk-WI5UIBM5.js";
 import "../../chunk-E5ZIKIGB.js";
 import "../../chunk-HN5AFDQA.js";
-import "../../chunk-7NTT2UXP.js";
 export {
   Checkbox,
   checkboxVariants

package/dist/components/CodeSnippet/CodeSnippet.cjs CHANGED Viewed

@@ -2,14 +2,14 @@
-var _chunk7F24FFIVcjs = require('../../chunk-7F24FFIV.cjs');
-require('../../chunk-G6ZOJVIG.cjs');
-require('../../chunk-DU4YQEIM.cjs');
+var _chunkDI3WGH7Wcjs = require('../../chunk-DI3WGH7W.cjs');
+require('../../chunk-U6YLGSAQ.cjs');
+require('../../chunk-H7V6VNFC.cjs');
 require('../../chunk-YS2JJ73M.cjs');
-require('../../chunk-FQLVTLUI.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
-exports.CodeSnippet = _chunk7F24FFIVcjs.CodeSnippet; exports.CodeSnippetInline = _chunk7F24FFIVcjs.CodeSnippetInline;
+exports.CodeSnippet = _chunkDI3WGH7Wcjs.CodeSnippet; exports.CodeSnippetInline = _chunkDI3WGH7Wcjs.CodeSnippetInline;
 //# sourceMappingURL=CodeSnippet.cjs.map

package/dist/components/CodeSnippet/CodeSnippet.js CHANGED Viewed

@@ -2,12 +2,12 @@
 import {
   CodeSnippet,
   CodeSnippetInline
-} from "../../chunk-54KSDBGC.js";
-import "../../chunk-G6LUBXN2.js";
-import "../../chunk-XB6YHZAG.js";
+} from "../../chunk-JXMXEBXP.js";
+import "../../chunk-OXMWQMYF.js";
+import "../../chunk-JBTM3SFO.js";
 import "../../chunk-FFGALWM2.js";
-import "../../chunk-TMXABSFE.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   CodeSnippet,
   CodeSnippetInline

package/dist/components/CodeSnippet/index.cjs CHANGED Viewed

@@ -2,14 +2,14 @@
-var _chunk7F24FFIVcjs = require('../../chunk-7F24FFIV.cjs');
-require('../../chunk-G6ZOJVIG.cjs');
-require('../../chunk-DU4YQEIM.cjs');
+var _chunkDI3WGH7Wcjs = require('../../chunk-DI3WGH7W.cjs');
+require('../../chunk-U6YLGSAQ.cjs');
+require('../../chunk-H7V6VNFC.cjs');
 require('../../chunk-YS2JJ73M.cjs');
-require('../../chunk-FQLVTLUI.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
-exports.CodeSnippet = _chunk7F24FFIVcjs.CodeSnippet; exports.CodeSnippetInline = _chunk7F24FFIVcjs.CodeSnippetInline;
+exports.CodeSnippet = _chunkDI3WGH7Wcjs.CodeSnippet; exports.CodeSnippetInline = _chunkDI3WGH7Wcjs.CodeSnippetInline;
 //# sourceMappingURL=index.cjs.map

package/dist/components/CodeSnippet/index.js CHANGED Viewed

@@ -2,12 +2,12 @@ import "../../chunk-4WUUV44R.js";
 import {
   CodeSnippet,
   CodeSnippetInline
-} from "../../chunk-54KSDBGC.js";
-import "../../chunk-G6LUBXN2.js";
-import "../../chunk-XB6YHZAG.js";
+} from "../../chunk-JXMXEBXP.js";
+import "../../chunk-OXMWQMYF.js";
+import "../../chunk-JBTM3SFO.js";
 import "../../chunk-FFGALWM2.js";
-import "../../chunk-TMXABSFE.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   CodeSnippet,
   CodeSnippetInline

package/dist/components/Command/Command.cjs CHANGED Viewed

@@ -9,10 +9,10 @@
-var _chunkIM6TYL3Pcjs = require('../../chunk-IM6TYL3P.cjs');
+var _chunkUVBZHPKPcjs = require('../../chunk-UVBZHPKP.cjs');
 require('../../chunk-YS2JJ73M.cjs');
-require('../../chunk-FQLVTLUI.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
@@ -23,5 +23,5 @@ require('../../chunk-V6MXOJQ4.cjs');
-exports.Command = _chunkIM6TYL3Pcjs.Command; exports.CommandDialog = _chunkIM6TYL3Pcjs.CommandDialog; exports.CommandEmpty = _chunkIM6TYL3Pcjs.CommandEmpty; exports.CommandGroup = _chunkIM6TYL3Pcjs.CommandGroup; exports.CommandInput = _chunkIM6TYL3Pcjs.CommandInput; exports.CommandItem = _chunkIM6TYL3Pcjs.CommandItem; exports.CommandList = _chunkIM6TYL3Pcjs.CommandList; exports.CommandSeparator = _chunkIM6TYL3Pcjs.CommandSeparator; exports.commandVariants = _chunkIM6TYL3Pcjs.commandVariants;
+exports.Command = _chunkUVBZHPKPcjs.Command; exports.CommandDialog = _chunkUVBZHPKPcjs.CommandDialog; exports.CommandEmpty = _chunkUVBZHPKPcjs.CommandEmpty; exports.CommandGroup = _chunkUVBZHPKPcjs.CommandGroup; exports.CommandInput = _chunkUVBZHPKPcjs.CommandInput; exports.CommandItem = _chunkUVBZHPKPcjs.CommandItem; exports.CommandList = _chunkUVBZHPKPcjs.CommandList; exports.CommandSeparator = _chunkUVBZHPKPcjs.CommandSeparator; exports.commandVariants = _chunkUVBZHPKPcjs.commandVariants;
 //# sourceMappingURL=Command.cjs.map