npm - @etus/ui - Versions diffs - 0.4.0-beta.18 → 0.4.0-beta.19 - Mend

@etus/ui 0.4.0-beta.18 → 0.4.0-beta.19

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 (563) hide show

package/dist/{chunk-EVZ2GZU4.js.map → chunk-RMJVCJ6U.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/forms/Rating/Rating.variants.ts","../src/components/forms/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B,uDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,2CAAA;AAAA,QACJ,EAAA,EAAI,2CAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,kBAAA,GAAqB,GAAA;AAAA,EAChC;AAAA,IACE,2DAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO,6CAAA;AAAA,QACP,IAAA,EAAM,8CAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,+BAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,gBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,QAAA,EAAU,KAAA;AAAA,QACV,QAAA,EAAU,KAAA;AAAA,QACV,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,MAAA,EAAQ,OAAA;AAAA,MACR,QAAA,EAAU,KAAA;AAAA,MACV,QAAA,EAAU;AAAA;AACZ;AAEJ;AC1CA,SAAS,UAAA,CAAW;AAAA,EAClB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,EAAM,KAAA;AAAA,EACN,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAwC;AACtC,EAAA,MAAM,aAAA,GAAgB,CAAC,QAAA,IAAY,CAAC,QAAA;AAEpC,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IAAI,WAAW,MAAA,EAAQ;AACrB,MAAA,OAAO,UAAA,oBAAc,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,IACtD;AACA,IAAA,IAAI,WAAW,MAAA,EAAQ;AACrB,MAAA,OAAO,QAAA,oBACL,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EACd,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,+EAAA,EAAgF,CAAA;AAAA,wBAChG,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,uDAAA,EAAwD;AAAA,OAAA,EAC9E,CAAA;AAAA,IAEJ;AACA,IAAA,OAAO,SAAA,wBAAc,IAAA,EAAA,EAAK,CAAA;AAAA,EAC5B,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA,CAAmB;AAAA,UACjB,MAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SACD;AAAA,OACH;AAAA,MACA,gBAAc,MAAA,KAAW,OAAA;AAAA,MACzB,YAAA,EAAY,KAAA;AAAA,MACZ,aAAA,EAAa,QAAA;AAAA,MACb,aAAA,EAAa,MAAA;AAAA,MACb,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAU,aAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,QAAA;AAAA,MACA,OAAA,EAAS,gBAAgB,OAAA,GAAU,MAAA;AAAA,MACnC,SAAA,EAAW,gBAAgB,SAAA,GAAY,MAAA;AAAA,MACvC,YAAA,EAAc,gBAAgB,OAAA,GAAU,MAAA;AAAA,MACxC,YAAA,EAAc,gBAAgB,OAAA,GAAU,MAAA;AAAA,MAEvC,QAAA,EAAA,UAAA;AAAW;AAAA,GACd;AAEJ;AAEA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,YAAA,GAAe,CAAA;AAAA,EACf,GAAA,GAAM,CAAA;AAAA,EACN,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAU,eAAS,YAAY,CAAA;AACrE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAU,eAAwB,IAAI,CAAA;AACtE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAU,eAAwB,IAAI,CAAA;AAE1E,EAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,EAAA,MAAM,YAAA,GAAe,eAAe,eAAA,GAAkB,aAAA;AACtD,EAAA,MAAM,eAAe,UAAA,IAAc,YAAA;AAEnC,EAAA,MAAM,aAAA,GAAgB,CAAC,QAAA,IAAY,CAAC,QAAA;AAEpC,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAkB;AACrC,IAAA,IAAI,CAAC,aAAA,EAAe;AAEpB,IAAA,MAAM,QAAA,GAAW,SAAA,GAAY,KAAA,GAAQ,GAAA,GAAM,KAAA,GAAQ,CAAA;AAEnD,IAAA,MAAM,UAAA,GAAa,QAAA,KAAa,YAAA,GAAe,CAAA,GAAI,QAAA;AAEnD,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,gBAAA,CAAiB,UAAU,CAAA;AAAA,IAC7B;AACA,IAAA,QAAA,GAAW,UAAU,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAkB;AACzC,IAAA,IAAI,CAAC,aAAA,EAAe;AAEpB,IAAA,MAAM,WAAW,KAAA,GAAQ,CAAA;AACzB,IAAA,MAAM,UAAA,GAAa,QAAA,KAAa,YAAA,GAAe,CAAA,GAAI,QAAA;AAEnD,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,gBAAA,CAAiB,UAAU,CAAA;AAAA,IAC7B;AACA,IAAA,QAAA,GAAW,UAAU,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAkB;AACrC,IAAA,IAAI,CAAC,aAAA,EAAe;AAEpB,IAAA,MAAM,QAAA,GAAW,SAAA,GAAY,KAAA,GAAQ,GAAA,GAAM,KAAA,GAAQ,CAAA;AACnD,IAAA,aAAA,CAAc,QAAQ,CAAA;AACtB,IAAA,OAAA,GAAU,QAAQ,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,CAAC,aAAA,EAAe;AAEpB,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,OAAA,GAAU,IAAI,CAAA;AAAA,EAChB,CAAA;AAGA,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAkB;AAC1C,IAAA,MAAM,OAAO,QAAA,CAAS,aAAA;AAAA,MACpB,CAAA,sCAAA,EAAyC,MAAA,CAAO,KAAK,CAAC,CAAA,EAAA;AAAA,KACxD;AACA,IAAA,IAAA,EAAM,KAAA,EAAM;AACZ,IAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,EAA4B,MAAA,KAAmB;AACpE,IAAA,IAAI,CAAC,aAAA,EAAe;AAEpB,IAAA,MAAM,IAAA,GAAO,YAAY,GAAA,GAAM,CAAA;AAE/B,IAAA,QAAQ,MAAM,GAAA;AAAK,MACjB,KAAK,YAAA;AAAA,MACL,KAAK,SAAA,EAAW;AACd,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,MAAM,GAAG,CAAA;AAClD,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA,QAC3B;AACA,QAAA,QAAA,GAAW,QAAQ,CAAA;AAEnB,QAAA,MAAM,QAAA,GAAW,IAAA,CAAK,IAAA,CAAK,QAAQ,CAAA,GAAI,CAAA;AACvC,QAAA,gBAAA,CAAiB,IAAA,CAAK,GAAA,CAAI,QAAA,EAAU,GAAA,GAAM,CAAC,CAAC,CAAA;AAC5C,QAAA;AAAA,MACF;AAAA,MACA,KAAK,WAAA;AAAA,MACL,KAAK,WAAA,EAAa;AAChB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,MAAM,CAAC,CAAA;AAChD,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA,QAC3B;AACA,QAAA,QAAA,GAAW,QAAQ,CAAA;AAEnB,QAAA,MAAM,QAAA,GAAW,KAAK,GAAA,CAAI,IAAA,CAAK,KAAK,QAAQ,CAAA,GAAI,GAAG,CAAC,CAAA;AACpD,QAAA,gBAAA,CAAiB,QAAQ,CAAA;AACzB,QAAA;AAAA,MACF;AAAA,MACA,KAAK,MAAA,EAAQ;AACX,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,gBAAA,CAAiB,CAAC,CAAA;AAAA,QACpB;AACA,QAAA,QAAA,GAAW,CAAC,CAAA;AACZ,QAAA,gBAAA,CAAiB,CAAC,CAAA;AAClB,QAAA;AAAA,MACF;AAAA,MACA,KAAK,KAAA,EAAO;AACV,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,gBAAA,CAAiB,GAAG,CAAA;AAAA,QACtB;AACA,QAAA,QAAA,GAAW,GAAG,CAAA;AACd,QAAA,gBAAA,CAAiB,MAAM,CAAC,CAAA;AACxB,QAAA;AAAA,MACF;AAAA;AACF,EACF,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAA6C;AACnE,IAAA,MAAM,YAAY,KAAA,GAAQ,CAAA;AAC1B,IAAA,IAAI,gBAAgB,SAAA,EAAW;AAC7B,MAAA,OAAO,MAAA;AAAA,IACT;AACA,IAAA,IAAI,SAAA,IAAa,YAAA,IAAgB,KAAA,GAAQ,GAAA,EAAK;AAC5C,MAAA,OAAO,MAAA;AAAA,IACT;AACA,IAAA,OAAO,OAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,KAAA,GAAQ,MAAM,IAAA,CAAK,EAAE,QAAQ,GAAA,EAAI,EAAG,CAAC,CAAA,EAAG,KAAA,KAAU;AACtD,IAAA,MAAM,MAAA,GAAS,eAAe,KAAK,CAAA;AACnC,IAAA,MAAM,WAAW,YAAA,KAAiB,KAAA;AAElC,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAEC,QAAA;AAAA,QACA,SAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA,EAAO,CAAA,EAAG,MAAA,CAAO,KAAA,GAAQ,CAAC,CAAC,CAAA,KAAA,EAAQ,KAAA,GAAQ,CAAA,KAAM,CAAA,GAAI,EAAA,GAAK,GAAG,CAAA,CAAA;AAAA,QAC7D,QAAA;AAAA,QACA,IAAA;AAAA,QACA,QAAA,EAAU,aAAA,IAAiB,KAAA,KAAU,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,IAAA,CAAK,YAAY,CAAA,GAAI,CAAA,EAAG,CAAC,CAAA,GAAI,CAAA,GAAI,EAAA;AAAA,QACpF,SAAS,MAAM;AAAE,UAAA,IAAI,SAAA,EAAW;AAAE,YAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,UAAG,CAAA,MAAO;AAAE,YAAA,WAAA,CAAY,KAAK,CAAA;AAAA,UAAG;AAAA,QAAE,CAAA;AAAA,QACzF,SAAS,MAAM;AAAE,UAAA,WAAA,CAAY,KAAK,CAAA;AAAA,QAAG,CAAA;AAAA,QACrC,SAAA,EAAW,CAAC,CAAA,KAAM;AAAE,UAAA,aAAA,CAAc,CAAQ,CAAA;AAAA,QAAG,CAAA;AAAA,QAC7C,OAAA,EAAS;AAAA,OAAA;AAAA,MAfJ;AAAA,KAgBP;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAe,QAAA;AAAA,MACf,YAAA,EAAY,KAAA,CAAM,YAAY,CAAA,IAAK,QAAA;AAAA,MACnC,eAAA,EAAe,QAAA;AAAA,MACf,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACjD,iBAAe,QAAA,IAAY,MAAA;AAAA,MAC3B,iBAAe,QAAA,IAAY,MAAA;AAAA,MAC3B,WAAA,EAAU,QAAA;AAAA,MACV,IAAA,EAAK,YAAA;AAAA,MACJ,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,wBACE,OAAA,EAAA,EAAM,IAAA,EAAY,IAAA,EAAK,QAAA,EAAS,OAAO,YAAA,EAAc,CAAA;AAAA,QAEvD;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-EVZ2GZU4.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const ratingVariants = cva(\n \"inline-flex items-center gap-[var(--rating-item-gap)]\",\n {\n variants: {\n size: {\n sm: \"[&_svg]:size-[var(--rating-icon-size-sm)]\",\n md: \"[&_svg]:size-[var(--rating-icon-size-md)]\",\n lg: \"[&_svg]:size-[var(--rating-icon-size-lg)]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport const ratingItemVariants = cva(\n [\n \"inline-flex items-center justify-center transition-colors\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--rating-focus-ring-color)] focus-visible:ring-offset-1 rounded-sm\",\n ],\n {\n variants: {\n filled: {\n empty: \"text-[color:var(--rating-icon-color-empty)]\",\n half: \"text-[color:var(--rating-icon-color-filled)]\",\n full: \"text-[color:var(--rating-icon-color-filled)]\",\n },\n disabled: {\n true: \"cursor-not-allowed opacity-50\",\n false: \"\",\n },\n readOnly: {\n true: \"cursor-default\",\n false: \"\",\n },\n },\n compoundVariants: [\n {\n disabled: false,\n readOnly: false,\n className: \"cursor-pointer hover:scale-110 hover:text-[color:var(--rating-icon-color-filled)]\",\n },\n ],\n defaultVariants: {\n filled: \"empty\",\n disabled: false,\n readOnly: false,\n },\n }\n)\n\nexport type RatingVariantProps = VariantProps<typeof ratingVariants>\nexport type RatingItemVariantProps = VariantProps<typeof ratingItemVariants>\n","\"use client\"\n\nimport type { RatingItemProps, RatingProps } from \"./Rating.types\"\n\nimport { Star, StarHalf } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ratingItemVariants, ratingVariants } from \"./Rating.variants\"\n\nfunction RatingItem({\n index,\n filled,\n size: _size,\n disabled,\n readOnly,\n emptyIcon,\n filledIcon,\n halfIcon,\n onClick,\n onHover,\n onLeave,\n onKeyDown,\n isActive,\n tabIndex,\n label,\n}: RatingItemProps & { label: string }) {\n const isInteractive = !disabled && !readOnly\n\n const renderIcon = () => {\n if (filled === \"full\") {\n return filledIcon ?? <Star className=\"fill-current\" />\n }\n if (filled === \"half\") {\n return halfIcon ?? (\n <span className=\"relative inline-flex\">\n <Star className=\"fill-[var(--rating-icon-color-empty)] stroke-[var(--rating-icon-color-empty)]\" />\n <StarHalf className=\"absolute inset-0 fill-[var(--rating-icon-color-half)]\" />\n </span>\n )\n }\n return emptyIcon ?? <Star />\n }\n\n return (\n <span\n className={cn(\n ratingItemVariants({\n filled,\n disabled,\n readOnly,\n })\n )}\n aria-checked={filled !== \"empty\"}\n aria-label={label}\n data-active={isActive}\n data-filled={filled}\n data-index={index}\n data-slot=\"rating-item\"\n role=\"radio\"\n tabIndex={tabIndex}\n onClick={isInteractive ? onClick : undefined}\n onKeyDown={isInteractive ? onKeyDown : undefined}\n onMouseEnter={isInteractive ? onHover : undefined}\n onMouseLeave={isInteractive ? onLeave : undefined}\n >\n {renderIcon()}\n </span>\n )\n}\n\nfunction Rating({\n className,\n value: controlledValue,\n defaultValue = 0,\n max = 5,\n size = \"md\",\n allowHalf = false,\n readOnly = false,\n disabled = false,\n emptyIcon,\n filledIcon,\n halfIcon,\n onChange,\n onHover,\n name,\n ...props\n}: RatingProps) {\n const [internalValue, setInternalValue] = React.useState(defaultValue)\n const [hoverValue, setHoverValue] = React.useState<null \| number>(null)\n const [focusedIndex, setFocusedIndex] = React.useState<null \| number>(null)\n\n const isControlled = controlledValue !== undefined\n const currentValue = isControlled ? controlledValue : internalValue\n const displayValue = hoverValue ?? currentValue\n\n const isInteractive = !disabled && !readOnly\n\n const handleClick = (index: number) => {\n if (!isInteractive) return\n\n const newValue = allowHalf ? index + 0.5 : index + 1\n // If clicking the same value, toggle to 0\n const finalValue = newValue === currentValue ? 0 : newValue\n\n if (!isControlled) {\n setInternalValue(finalValue)\n }\n onChange?.(finalValue)\n }\n\n const handleFullClick = (index: number) => {\n if (!isInteractive) return\n\n const newValue = index + 1\n const finalValue = newValue === currentValue ? 0 : newValue\n\n if (!isControlled) {\n setInternalValue(finalValue)\n }\n onChange?.(finalValue)\n }\n\n const handleHover = (index: number) => {\n if (!isInteractive) return\n\n const hoverVal = allowHalf ? index + 0.5 : index + 1\n setHoverValue(hoverVal)\n onHover?.(hoverVal)\n }\n\n const handleLeave = () => {\n if (!isInteractive) return\n\n setHoverValue(null)\n onHover?.(null)\n }\n\n // Helper to focus an item by index (avoids effect anti-pattern)\n const focusItemByIndex = (index: number) => {\n const item = document.querySelector<HTMLElement>(\n `[data-slot=\"rating-item\"][data-index=\"${String(index)}\"]`\n )\n item?.focus()\n setFocusedIndex(index)\n }\n\n const handleKeyDown = (event: React.KeyboardEvent, _index: number) => {\n if (!isInteractive) return\n\n const step = allowHalf ? 0.5 : 1\n\n switch (event.key) {\n case \"ArrowRight\":\n case \"ArrowUp\": {\n event.preventDefault()\n const newValue = Math.min(currentValue + step, max)\n if (!isControlled) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n // Move focus to the new index directly (avoids effect anti-pattern)\n const newIndex = Math.ceil(newValue) - 1\n focusItemByIndex(Math.min(newIndex, max - 1))\n break\n }\n case \"ArrowLeft\":\n case \"ArrowDown\": {\n event.preventDefault()\n const newValue = Math.max(currentValue - step, 0)\n if (!isControlled) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n // Move focus to the new index directly (avoids effect anti-pattern)\n const newIndex = Math.max(Math.ceil(newValue) - 1, 0)\n focusItemByIndex(newIndex)\n break\n }\n case \"Home\": {\n event.preventDefault()\n if (!isControlled) {\n setInternalValue(0)\n }\n onChange?.(0)\n focusItemByIndex(0)\n break\n }\n case \"End\": {\n event.preventDefault()\n if (!isControlled) {\n setInternalValue(max)\n }\n onChange?.(max)\n focusItemByIndex(max - 1)\n break\n }\n }\n }\n\n const getFilledState = (index: number): \"empty\" \| \"full\" \| \"half\" => {\n const itemValue = index + 1\n if (displayValue >= itemValue) {\n return \"full\"\n }\n if (allowHalf && displayValue >= index + 0.5) {\n return \"half\"\n }\n return \"empty\"\n }\n\n const items = Array.from({ length: max }, (_, index) => {\n const filled = getFilledState(index)\n const isActive = focusedIndex === index\n\n return (\n <RatingItem\n key={index}\n disabled={disabled}\n emptyIcon={emptyIcon}\n filled={filled}\n filledIcon={filledIcon}\n halfIcon={halfIcon}\n index={index}\n isActive={isActive}\n label={`${String(index + 1)} star${index + 1 === 1 ? \"\" : \"s\"}`}\n readOnly={readOnly}\n size={size}\n tabIndex={isInteractive && index === Math.max(Math.ceil(currentValue) - 1, 0) ? 0 : -1}\n onClick={() => { if (allowHalf) { handleFullClick(index); } else { handleClick(index); } }}\n onHover={() => { handleHover(index); }}\n onKeyDown={(e) => { handleKeyDown(e, index); }}\n onLeave={handleLeave}\n />\n )\n })\n\n return (\n <div\n aria-disabled={disabled}\n aria-label={props[\"aria-label\"] ?? \"Rating\"}\n aria-readonly={readOnly}\n className={cn(ratingVariants({ size }), className)}\n data-disabled={disabled \|\| undefined}\n data-readonly={readOnly \|\| undefined}\n data-slot=\"rating\"\n role=\"radiogroup\"\n {...props}\n >\n {name && (\n <input name={name} type=\"hidden\" value={currentValue} />\n )}\n {items}\n </div>\n )\n}\n\nexport { Rating }\n"]}
1	+ {"version":3,"sources":["../src/components/forms/Rating/Rating.variants.ts","../src/components/forms/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"chunk-RMJVCJ6U.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const ratingVariants = cva(\n \"inline-flex items-center gap-[var(--rating-item-gap)]\",\n {\n variants: {\n size: {\n sm: \"[&_svg]:size-[var(--rating-icon-size-sm)]\",\n md: \"[&_svg]:size-[var(--rating-icon-size-md)]\",\n lg: \"[&_svg]:size-[var(--rating-icon-size-lg)]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport const ratingItemVariants = cva(\n [\n \"inline-flex items-center justify-center transition-colors\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--rating-focus-ring-color)] focus-visible:ring-offset-1 rounded-sm\",\n ],\n {\n variants: {\n filled: {\n empty: \"text-[color:var(--rating-icon-color-empty)]\",\n half: \"text-[color:var(--rating-icon-color-filled)]\",\n full: \"text-[color:var(--rating-icon-color-filled)]\",\n },\n disabled: {\n true: \"cursor-not-allowed opacity-50\",\n false: \"\",\n },\n readOnly: {\n true: \"cursor-default\",\n false: \"\",\n },\n },\n compoundVariants: [\n {\n disabled: false,\n readOnly: false,\n className: \"cursor-pointer hover:scale-110 hover:text-[color:var(--rating-icon-color-filled)]\",\n },\n ],\n defaultVariants: {\n filled: \"empty\",\n disabled: false,\n readOnly: false,\n },\n }\n)\n\nexport type RatingVariantProps = VariantProps<typeof ratingVariants>\nexport type RatingItemVariantProps = VariantProps<typeof ratingItemVariants>\n","\"use client\"\n\nimport type { RatingItemProps, RatingProps } from \"./Rating.types\"\n\nimport { Star, StarHalf } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ratingItemVariants, ratingVariants } from \"./Rating.variants\"\n\nfunction RatingItem({\n index,\n filled,\n size: _size,\n disabled,\n readOnly,\n emptyIcon,\n filledIcon,\n halfIcon,\n onClick,\n onHover,\n onLeave,\n onKeyDown,\n isActive,\n tabIndex,\n label,\n}: RatingItemProps & { label: string }) {\n const isInteractive = !disabled && !readOnly\n\n const renderIcon = () => {\n if (filled === \"full\") {\n return filledIcon ?? <Star className=\"fill-current\" />\n }\n if (filled === \"half\") {\n return halfIcon ?? (\n <span className=\"relative inline-flex\">\n <Star className=\"fill-[var(--rating-icon-color-empty)] stroke-[var(--rating-icon-color-empty)]\" />\n <StarHalf className=\"absolute inset-0 fill-[var(--rating-icon-color-half)]\" />\n </span>\n )\n }\n return emptyIcon ?? <Star />\n }\n\n return (\n <span\n className={cn(\n ratingItemVariants({\n filled,\n disabled,\n readOnly,\n })\n )}\n aria-checked={filled !== \"empty\"}\n aria-label={label}\n data-active={isActive}\n data-filled={filled}\n data-index={index}\n data-slot=\"rating-item\"\n role=\"radio\"\n tabIndex={tabIndex}\n onClick={isInteractive ? onClick : undefined}\n onKeyDown={isInteractive ? onKeyDown : undefined}\n onMouseEnter={isInteractive ? onHover : undefined}\n onMouseLeave={isInteractive ? onLeave : undefined}\n >\n {renderIcon()}\n </span>\n )\n}\n\nfunction Rating({\n className,\n value: controlledValue,\n defaultValue = 0,\n max = 5,\n size = \"md\",\n allowHalf = false,\n readOnly = false,\n disabled = false,\n emptyIcon,\n filledIcon,\n halfIcon,\n onChange,\n onHover,\n name,\n ...props\n}: RatingProps) {\n const [internalValue, setInternalValue] = React.useState(defaultValue)\n const [hoverValue, setHoverValue] = React.useState<null \| number>(null)\n const [focusedIndex, setFocusedIndex] = React.useState<null \| number>(null)\n\n const isControlled = controlledValue !== undefined\n const currentValue = isControlled ? controlledValue : internalValue\n const displayValue = hoverValue ?? currentValue\n\n const isInteractive = !disabled && !readOnly\n\n const handleClick = (index: number) => {\n if (!isInteractive) return\n\n const newValue = allowHalf ? index + 0.5 : index + 1\n // If clicking the same value, toggle to 0\n const finalValue = newValue === currentValue ? 0 : newValue\n\n if (!isControlled) {\n setInternalValue(finalValue)\n }\n onChange?.(finalValue)\n }\n\n const handleFullClick = (index: number) => {\n if (!isInteractive) return\n\n const newValue = index + 1\n const finalValue = newValue === currentValue ? 0 : newValue\n\n if (!isControlled) {\n setInternalValue(finalValue)\n }\n onChange?.(finalValue)\n }\n\n const handleHover = (index: number) => {\n if (!isInteractive) return\n\n const hoverVal = allowHalf ? index + 0.5 : index + 1\n setHoverValue(hoverVal)\n onHover?.(hoverVal)\n }\n\n const handleLeave = () => {\n if (!isInteractive) return\n\n setHoverValue(null)\n onHover?.(null)\n }\n\n // Helper to focus an item by index (avoids effect anti-pattern)\n const focusItemByIndex = (index: number) => {\n const item = document.querySelector<HTMLElement>(\n `[data-slot=\"rating-item\"][data-index=\"${String(index)}\"]`\n )\n item?.focus()\n setFocusedIndex(index)\n }\n\n const handleKeyDown = (event: React.KeyboardEvent, _index: number) => {\n if (!isInteractive) return\n\n const step = allowHalf ? 0.5 : 1\n\n switch (event.key) {\n case \"ArrowRight\":\n case \"ArrowUp\": {\n event.preventDefault()\n const newValue = Math.min(currentValue + step, max)\n if (!isControlled) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n // Move focus to the new index directly (avoids effect anti-pattern)\n const newIndex = Math.ceil(newValue) - 1\n focusItemByIndex(Math.min(newIndex, max - 1))\n break\n }\n case \"ArrowLeft\":\n case \"ArrowDown\": {\n event.preventDefault()\n const newValue = Math.max(currentValue - step, 0)\n if (!isControlled) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n // Move focus to the new index directly (avoids effect anti-pattern)\n const newIndex = Math.max(Math.ceil(newValue) - 1, 0)\n focusItemByIndex(newIndex)\n break\n }\n case \"Home\": {\n event.preventDefault()\n if (!isControlled) {\n setInternalValue(0)\n }\n onChange?.(0)\n focusItemByIndex(0)\n break\n }\n case \"End\": {\n event.preventDefault()\n if (!isControlled) {\n setInternalValue(max)\n }\n onChange?.(max)\n focusItemByIndex(max - 1)\n break\n }\n }\n }\n\n const getFilledState = (index: number): \"empty\" \| \"full\" \| \"half\" => {\n const itemValue = index + 1\n if (displayValue >= itemValue) {\n return \"full\"\n }\n if (allowHalf && displayValue >= index + 0.5) {\n return \"half\"\n }\n return \"empty\"\n }\n\n const items = Array.from({ length: max }, (_, index) => {\n const filled = getFilledState(index)\n const isActive = focusedIndex === index\n\n return (\n <RatingItem\n key={index}\n disabled={disabled}\n emptyIcon={emptyIcon}\n filled={filled}\n filledIcon={filledIcon}\n halfIcon={halfIcon}\n index={index}\n isActive={isActive}\n label={`${String(index + 1)} star${index + 1 === 1 ? \"\" : \"s\"}`}\n readOnly={readOnly}\n size={size}\n tabIndex={isInteractive && index === Math.max(Math.ceil(currentValue) - 1, 0) ? 0 : -1}\n onClick={() => { if (allowHalf) { handleFullClick(index); } else { handleClick(index); } }}\n onHover={() => { handleHover(index); }}\n onKeyDown={(e) => { handleKeyDown(e, index); }}\n onLeave={handleLeave}\n />\n )\n })\n\n return (\n <div\n aria-disabled={disabled}\n aria-label={props[\"aria-label\"] ?? \"Rating\"}\n aria-readonly={readOnly}\n className={cn(ratingVariants({ size }), className)}\n data-disabled={disabled \|\| undefined}\n data-readonly={readOnly \|\| undefined}\n data-slot=\"rating\"\n role=\"radiogroup\"\n {...props}\n >\n {name && (\n <input name={name} type=\"hidden\" value={currentValue} />\n )}\n {items}\n </div>\n )\n}\n\nexport { Rating }\n"]}

package/dist/{chunk-UYPYAOET.js → chunk-ROPW65RD.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { FileText, Lightbulb, CircleCheck, CircleX, TriangleAlert, Info } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -89,5 +89,5 @@ function Callout({
 }
 export { Callout, calloutVariants };
-//# sourceMappingURL=chunk-UYPYAOET.js.map
-//# sourceMappingURL=chunk-UYPYAOET.js.map
+//# sourceMappingURL=chunk-ROPW65RD.js.map
+//# sourceMappingURL=chunk-ROPW65RD.js.map

package/dist/{chunk-UYPYAOET.js.map → chunk-ROPW65RD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/data-display/Callout/Callout.variants.ts","../src/components/data-display/Callout/Callout.tsx"],"names":[],"mappings":"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","file":"chunk-~~UYPYAOET~~.js","sourcesContent":["// Callout/Callout.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/*\n Callout style variants using CVA\n \n @see https://cva.style/docs\n /\nexport const calloutVariants = cva(\n // Base styles (always applied)\n \"rounded-[var(--callout-root-radius)] border-l-[length:var(--callout-root-border-width)]\",\n {\n variants: {\n variant: {\n default: \"bg-muted/50 border-l-muted-foreground\",\n info: \"bg-[color:var(--info-subtle)] border-l-info\",\n warning: \"bg-[color:var(--warning-subtle)] border-l-warning\",\n error: \"bg-[color:var(--destructive-subtle)] border-l-destructive\",\n success: \"bg-[color:var(--success-subtle)] border-l-success\",\n tip: \"bg-[color:var(--tip-bg)] border-l-tip\",\n transparent: \"bg-transparent border-l-muted-foreground\",\n },\n size: {\n sm: \"p-[var(--callout-root-padding-sm)] text-[length:var(--callout-text-sm)]\",\n md: \"px-[var(--callout-root-padding-md)] py-[var(--callout-root-padding-sm)] text-[length:var(--callout-text-md)]\",\n lg: \"p-[var(--callout-root-padding-lg)] text-[length:var(--callout-text-lg)]\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"md\",\n },\n }\n)\n\n/\n Icon color mapping by variant\n /\nexport const iconColorVariants: Record<string, string> = {\n default: \"text-muted-foreground\",\n info: \"text-info\",\n warning: \"text-warning\",\n error: \"text-destructive\",\n success: \"text-success\",\n tip: \"text-tip\",\n transparent: \"text-muted-foreground\",\n}\n\n// Export variant prop types\nexport type CalloutVariantProps = VariantProps<typeof calloutVariants>\n","import type { VariantProps } from \"class-variance-authority\"\n\nimport {\n CircleCheck,\n CircleX,\n FileText,\n Info,\n Lightbulb,\n TriangleAlert,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { calloutVariants, iconColorVariants } from \"./Callout.variants\"\n\nconst variantIcons = {\n default: FileText,\n info: Info,\n warning: TriangleAlert,\n error: CircleX,\n success: CircleCheck,\n tip: Lightbulb,\n transparent: FileText,\n}\n\ninterface CalloutProps\n extends React.ComponentProps<\"div\">,\n VariantProps<typeof calloutVariants> {\n /* Custom icon to display (overrides variant icon) /\n icon?: React.ReactNode\n /* Title of the callout */\n title?: string\n}\n\nfunction Callout({\n children,\n className,\n icon,\n size,\n title,\n variant = \"default\",\n role,\n ...props\n}: CalloutProps) {\n const Icon = variantIcons[variant ?? \"default\"]\n const iconColor = iconColorVariants[variant ?? \"default\"]\n\n // Determine ARIA role based on variant\n const ariaRole =\n role ?? (variant === \"error\" \|\| variant === \"warning\" ? \"alert\" : \"note\")\n\n return (\n <div\n aria-live={ariaRole === \"alert\" ? \"assertive\" : \"polite\"}\n className={cn(calloutVariants({ variant, size }), className)}\n data-size={size ?? \"md\"}\n data-slot=\"callout\"\n data-variant={variant ?? \"default\"}\n role={ariaRole}\n {...props}\n >\n <div className=\"flex gap-[var(--callout-icon-gap)]\">\n <span className={cn(\"shrink-0 mt-0.5\", iconColor)} data-slot=\"callout-icon\">\n {icon ?? <Icon className=\"size-[var(--callout-icon-size)]\" />}\n </span>\n <div className=\"space-y-1 min-w-0\">\n {title && (\n <h5\n className=\"font-medium leading-none tracking-tight\"\n data-slot=\"callout-title\"\n >\n {title}\n </h5>\n )}\n <div className=\"text-muted-foreground\" data-slot=\"callout-content\">\n {children}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\nexport { Callout, calloutVariants }\nexport type { CalloutProps }\n"]}
1	+ {"version":3,"sources":["../src/components/data-display/Callout/Callout.variants.ts","../src/components/data-display/Callout/Callout.tsx"],"names":[],"mappings":"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","file":"chunk-ROPW65RD.js","sourcesContent":["// Callout/Callout.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/*\n Callout style variants using CVA\n \n @see https://cva.style/docs\n /\nexport const calloutVariants = cva(\n // Base styles (always applied)\n \"rounded-[var(--callout-root-radius)] border-l-[length:var(--callout-root-border-width)]\",\n {\n variants: {\n variant: {\n default: \"bg-muted/50 border-l-muted-foreground\",\n info: \"bg-[color:var(--info-subtle)] border-l-info\",\n warning: \"bg-[color:var(--warning-subtle)] border-l-warning\",\n error: \"bg-[color:var(--destructive-subtle)] border-l-destructive\",\n success: \"bg-[color:var(--success-subtle)] border-l-success\",\n tip: \"bg-[color:var(--tip-bg)] border-l-tip\",\n transparent: \"bg-transparent border-l-muted-foreground\",\n },\n size: {\n sm: \"p-[var(--callout-root-padding-sm)] text-[length:var(--callout-text-sm)]\",\n md: \"px-[var(--callout-root-padding-md)] py-[var(--callout-root-padding-sm)] text-[length:var(--callout-text-md)]\",\n lg: \"p-[var(--callout-root-padding-lg)] text-[length:var(--callout-text-lg)]\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"md\",\n },\n }\n)\n\n/\n Icon color mapping by variant\n /\nexport const iconColorVariants: Record<string, string> = {\n default: \"text-muted-foreground\",\n info: \"text-info\",\n warning: \"text-warning\",\n error: \"text-destructive\",\n success: \"text-success\",\n tip: \"text-tip\",\n transparent: \"text-muted-foreground\",\n}\n\n// Export variant prop types\nexport type CalloutVariantProps = VariantProps<typeof calloutVariants>\n","import type { VariantProps } from \"class-variance-authority\"\n\nimport {\n CircleCheck,\n CircleX,\n FileText,\n Info,\n Lightbulb,\n TriangleAlert,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { calloutVariants, iconColorVariants } from \"./Callout.variants\"\n\nconst variantIcons = {\n default: FileText,\n info: Info,\n warning: TriangleAlert,\n error: CircleX,\n success: CircleCheck,\n tip: Lightbulb,\n transparent: FileText,\n}\n\ninterface CalloutProps\n extends React.ComponentProps<\"div\">,\n VariantProps<typeof calloutVariants> {\n /* Custom icon to display (overrides variant icon) /\n icon?: React.ReactNode\n /* Title of the callout */\n title?: string\n}\n\nfunction Callout({\n children,\n className,\n icon,\n size,\n title,\n variant = \"default\",\n role,\n ...props\n}: CalloutProps) {\n const Icon = variantIcons[variant ?? \"default\"]\n const iconColor = iconColorVariants[variant ?? \"default\"]\n\n // Determine ARIA role based on variant\n const ariaRole =\n role ?? (variant === \"error\" \|\| variant === \"warning\" ? \"alert\" : \"note\")\n\n return (\n <div\n aria-live={ariaRole === \"alert\" ? \"assertive\" : \"polite\"}\n className={cn(calloutVariants({ variant, size }), className)}\n data-size={size ?? \"md\"}\n data-slot=\"callout\"\n data-variant={variant ?? \"default\"}\n role={ariaRole}\n {...props}\n >\n <div className=\"flex gap-[var(--callout-icon-gap)]\">\n <span className={cn(\"shrink-0 mt-0.5\", iconColor)} data-slot=\"callout-icon\">\n {icon ?? <Icon className=\"size-[var(--callout-icon-size)]\" />}\n </span>\n <div className=\"space-y-1 min-w-0\">\n {title && (\n <h5\n className=\"font-medium leading-none tracking-tight\"\n data-slot=\"callout-title\"\n >\n {title}\n </h5>\n )}\n <div className=\"text-muted-foreground\" data-slot=\"callout-content\">\n {children}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\nexport { Callout, calloutVariants }\nexport type { CalloutProps }\n"]}

package/dist/{chunk-M6VBDPNQ.js → chunk-RQBYBBMP.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { CreditCard } from 'lucide-react';
 import { useRef, useState, useCallback } from 'react';
 import { cva } from 'class-variance-authority';
@@ -305,5 +305,5 @@ function PaymentInput({
 }
 export { PaymentInput, cardTypes, detectCardType, formatCardNumber, getCardBrandName, getCardConfig, getCardDigits, paymentInputIconVariants, paymentInputInputVariants, paymentInputVariants, validateCardNumber };
-//# sourceMappingURL=chunk-M6VBDPNQ.js.map
-//# sourceMappingURL=chunk-M6VBDPNQ.js.map
+//# sourceMappingURL=chunk-RQBYBBMP.js.map
+//# sourceMappingURL=chunk-RQBYBBMP.js.map

package/dist/{chunk-M6VBDPNQ.js.map → chunk-RQBYBBMP.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/forms/PaymentInput/card-utils.ts","../src/components/forms/PaymentInput/PaymentInput.variants.ts","../src/components/forms/PaymentInput/PaymentInput.tsx"],"names":[],"mappings":"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","file":"chunk-M6VBDPNQ.js","sourcesContent":["/*\n Supported card types\n /\nexport type CardType =\n \| \"amex\"\n \| \"diners\"\n \| \"discover\"\n \| \"elo\"\n \| \"hipercard\"\n \| \"jcb\"\n \| \"mastercard\"\n \| \"visa\"\n\n/\n Card type configuration\n /\nexport interface CardTypeConfig {\n /* CVV length /\n cvvLength: number\n /* Card number format (# = digit, space = separator) /\n format: string\n /* Card number length(s) /\n lengths: number[]\n name: string\n /* Regex patterns to match card number prefixes /\n patterns: RegExp[]\n type: CardType\n}\n\n/\n Standard 16-digit card format\n /\nconst STANDARD_CARD_FORMAT = \"#### #### #### ####\"\n\n/\n Card type configurations\n /\nexport const cardTypes: CardTypeConfig[] = [\n {\n type: \"visa\",\n name: \"Visa\",\n patterns: [/^4/],\n lengths: [13, 16, 19],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"mastercard\",\n name: \"Mastercard\",\n patterns: [/^5[1-5]/, /^2[2-7]/],\n lengths: [16],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"amex\",\n name: \"American Express\",\n patterns: [/^3[47]/],\n lengths: [15],\n cvvLength: 4,\n format: \"#### ###### #####\",\n },\n {\n type: \"discover\",\n name: \"Discover\",\n patterns: [/^6(?:011\|5)/, /^64[4-9]/, /^622/],\n lengths: [16, 19],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"diners\",\n name: \"Diners Club\",\n patterns: [/^3(?:0[0-5]\|[68])/, /^36/],\n lengths: [14, 16, 19],\n cvvLength: 3,\n format: \"#### ###### ####\",\n },\n {\n type: \"jcb\",\n name: \"JCB\",\n patterns: [/^35(?:2[89]\|[3-8])/, /^2131/, /^1800/],\n lengths: [16, 17, 18, 19],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"elo\",\n name: \"Elo\",\n patterns: [\n /^4011(78\|79)/,\n /^43(1274\|8935)/,\n /^45(1416\|7393\|763(1\|2))/,\n /^50(4175\|6699\|67[0-6][0-9]\|677[0-8]\|9[0-8][0-9]{2}\|99[0-8][0-9]\|999[0-9])/,\n /^627780/,\n /^636297/,\n /^636368/,\n /^65003[1-3]/,\n /^6500(3[5-9]\|4[0-9]\|5[0-1])/,\n /^6504(0[5-9]\|[1-3][0-9])/,\n /^650(4[8-9][0-9]\|5[0-2][0-9]\|53[0-8])/,\n /^6505(4[1-9]\|[5-8][0-9]\|9[0-8])/,\n /^6507(0[0-9]\|1[0-8])/,\n /^65072[0-7]/,\n /^6509(0[1-9]\|1[0-9]\|20)/,\n /^6516(5[2-9]\|[6-7][0-9])/,\n /^6550([0-1][0-9]\|2[1-9]\|[3-4][0-9]\|5[0-8])/,\n ],\n lengths: [16],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"hipercard\",\n name: \"Hipercard\",\n patterns: [/^606282/, /^3841(0[0-9]\|4[0-9]\|80)/],\n lengths: [16, 19],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n]\n\n/\n Detect card type from card number\n /\nexport function detectCardType(cardNumber: string): CardType \| null {\n const digits = cardNumber.replaceAll(/\\D/g, \"\")\n\n for (const card of cardTypes) {\n for (const pattern of card.patterns) {\n if (pattern.test(digits)) {\n return card.type\n }\n }\n }\n\n return null\n}\n\n/\n Get card type configuration\n /\nexport function getCardConfig(cardType: CardType): CardTypeConfig \| undefined {\n return cardTypes.find((c) => c.type === cardType)\n}\n\n/\n Format card number with spaces\n /\nexport function formatCardNumber(value: string, cardType?: CardType \| null): string {\n const digits = value.replaceAll(/\\D/g, \"\")\n const config = cardType ? getCardConfig(cardType) : null\n const format = config?.format ?? STANDARD_CARD_FORMAT\n\n let result = \"\"\n let digitIndex = 0\n\n for (const char of format) {\n if (digitIndex >= digits.length) break\n\n if (char === \"#\") {\n result += digits[digitIndex] ?? \"\"\n digitIndex++\n } else {\n result += char\n }\n }\n\n return result\n}\n\n/\n Get raw digits from formatted card number\n /\nexport function getCardDigits(value: string): string {\n return value.replaceAll(/\\D/g, \"\")\n}\n\n/\n Validate card number using Luhn algorithm\n /\nexport function validateCardNumber(cardNumber: string): boolean {\n const digits = cardNumber.replaceAll(/\\D/g, \"\")\n\n if (digits.length < 13 \|\| digits.length > 19) {\n return false\n }\n\n let sum = 0\n let isEven = false\n\n for (let i = digits.length - 1; i >= 0; i--) {\n const char = digits[i]\n if (!char) continue\n\n let digit = Number.parseInt(char, 10)\n\n if (isEven) {\n digit = 2\n if (digit > 9) {\n digit -= 9\n }\n }\n\n sum += digit\n isEven = !isEven\n }\n\n return sum % 10 === 0\n}\n\n/*\n Get card brand display name\n /\nexport function getCardBrandName(cardType: CardType \| null): string {\n if (!cardType) return \"\"\n const config = getCardConfig(cardType)\n return config?.name ?? \"\"\n}\n","import { cva, type VariantProps } from \"class-variance-authority\"\n\n/\n PaymentInput container variant styles using CVA\n /\nexport const paymentInputVariants = cva(\n [\n \"flex items-center w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none\",\n \"dark:bg-input/30\",\n \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n \"has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n ],\n {\n variants: {\n size: {\n sm: \"h-8 px-2.5 text-sm gap-2\",\n md: \"h-9 px-3 text-base md:text-sm gap-2.5\",\n lg: \"h-10 px-3.5 text-base gap-3\",\n },\n variant: {\n default: \"border-input shadow-xs\",\n filled: \"border-transparent bg-muted\",\n flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"default\",\n },\n }\n)\n\n/\n PaymentInput inner input styles\n /\nexport const paymentInputInputVariants = cva(\n [\n \"flex-1 min-w-0 bg-transparent outline-none font-mono\",\n \"placeholder:text-muted-foreground placeholder:font-sans\",\n \"disabled:cursor-not-allowed\",\n ],\n {\n variants: {\n size: {\n sm: \"text-sm\",\n md: \"text-base md:text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\n/\n PaymentInput card icon styles\n /\nexport const paymentInputIconVariants = cva(\n \"shrink-0 text-[color:var(--payment-input-icon-color)] transition-opacity\",\n {\n variants: {\n size: {\n sm: \"size-5\",\n md: \"size-6\",\n lg: \"size-7\",\n },\n hasCard: {\n true: \"opacity-100\",\n false: \"opacity-40\",\n },\n },\n defaultVariants: {\n size: \"md\",\n hasCard: false,\n },\n }\n)\n\nexport type PaymentInputVariantProps = VariantProps<typeof paymentInputVariants>\n","\"use client\"\n\nimport type { PaymentInputProps } from \"./PaymentInput.types\"\n\nimport { CreditCard } from \"lucide-react\"\nimport as React from \"react\"\nimport { useCallback, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n type CardType,\n detectCardType,\n formatCardNumber,\n getCardDigits,\n} from \"./card-utils\"\nimport {\n paymentInputIconVariants,\n paymentInputInputVariants,\n paymentInputVariants,\n} from \"./PaymentInput.variants\"\n\n/*\n Card brand icons as simple SVG components\n /\nconst CardIcons: Record<\"unknown\" \| CardType, React.FC<{ className?: string }>> = {\n visa: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M9.5 14.25h-1.5l.94-5.5h1.5l-.94 5.5zm6.75-5.37c-.3-.11-.77-.23-1.35-.23-1.5 0-2.55.75-2.56 1.83-.01.8.76 1.24 1.34 1.5.59.27.79.45.79.69-.01.37-.47.54-.91.54-.61 0-.93-.08-1.43-.29l-.2-.09-.21 1.24c.36.15 1.02.29 1.7.29 1.59 0 2.62-.74 2.63-1.9.01-.63-.4-1.12-1.29-1.52-.54-.26-.87-.43-.87-.69 0-.23.28-.48.88-.48.51-.01.87.1 1.15.21l.14.06.21-1.16zm3.97-.13h-1.17c-.36 0-.64.1-.79.46l-2.26 5.04h1.59l.32-.83h1.95l.18.83h1.4l-1.22-5.5zm-1.65 3.57l.8-2.02.46 2.02h-1.26zm-11.82-3.57l-1.49 3.75-.16-.75-.52-2.48c-.09-.34-.35-.47-.68-.48h-2.42l-.03.14c.56.14 1.06.33 1.49.55l1.27 4.77h1.61l2.39-5.5h-1.46z\" />\n </svg>\n ),\n mastercard: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M15.245 17.831c-1.458 1.093-3.256 1.744-5.207 1.744-4.786 0-8.669-3.855-8.669-8.613s3.883-8.613 8.669-8.613c1.951 0 3.749.651 5.207 1.744-2.06 1.655-3.383 4.177-3.383 7.019s1.323 5.364 3.383 7.019zm5.217-6.869c0-2.842-1.323-5.364-3.383-7.019-1.458 1.093-3.256 1.744-5.207 1.744-1.951 0-3.749-.651-5.207-1.744 2.06 1.655 3.383 4.177 3.383 7.019s-1.323 5.364-3.383 7.019c1.458-1.093 3.256-1.744 5.207-1.744 1.951 0 3.749.651 5.207 1.744-2.06-1.655-3.383-4.177-3.383-7.019z\" />\n </svg>\n ),\n amex: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-10.65 2.5h1.3v-1.125h-1.3V12.5h1.3v-1h-2.35v4h2.35v-1h-1.3zm6.65-3h-3.85v4h1.05v-1.25h2.3v-1h-2.3v-.75h2.8v-1zm-9.25 0h-2.1l-1.4 1.65-1.4-1.65h-2.1v4h1.05v-2.8l1.45 1.75h.95l1.45-1.75v2.8h1.05v-4z\" />\n </svg>\n ),\n discover: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" />\n </svg>\n ),\n diners: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9c1.45.55 2.48 1.94 2.48 3.55v1.9c0 1.61-1.03 3-2.48 3.55zm4 0v-9c1.45.55 2.48 1.94 2.48 3.55v1.9c0 1.61-1.03 3-2.48 3.55z\" />\n </svg>\n ),\n jcb: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M17.5 3h-11C4.57 3 3 4.57 3 6.5v11c0 1.93 1.57 3.5 3.5 3.5h11c1.93 0 3.5-1.57 3.5-3.5v-11C21 4.57 19.43 3 17.5 3zm-7 12c0 .55-.45 1-1 1s-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v6zm4.5 1c-1.38 0-2.5-1.12-2.5-2.5V9h2v4.5c0 .28.22.5.5.5s.5-.22.5-.5V9h2v4.5c0 1.38-1.12 2.5-2.5 2.5z\" />\n </svg>\n ),\n elo: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 13l-4-4 1.41-1.41L10 12.17l6.59-6.59L18 7l-8 8z\" />\n </svg>\n ),\n hipercard: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2L4 7v10l8 5 8-5V7l-8-5zm0 2.5L18 8v8l-6 3.5L6 16V8l6-3.5z\" />\n </svg>\n ),\n unknown: CreditCard,\n}\n\n/\n PaymentInput - A credit card number input with auto-formatting and brand detection\n \n @example\n * ```tsx\n * // Basic usage\n * <PaymentInput placeholder=\"Card number\" />\n \n // Controlled\n * const [cardNumber, setCardNumber] = useState(\"\")\n * <PaymentInput\n * value={cardNumber}\n * onChange={(value, cardType) => {\n * setCardNumber(value)\n * console.log(`Card type: ${cardType}`)\n * }}\n * />\n * ```\n */\nfunction PaymentInput({\n value: controlledValue,\n defaultValue = \"\",\n onChange,\n onCardTypeChange,\n disabled,\n size = \"md\",\n variant,\n invalid,\n showCardIcon = true,\n placeholder = \"0000 0000 0000 0000\",\n className,\n ...props\n}: PaymentInputProps) {\n const inputRef = useRef<HTMLInputElement>(null)\n\n // Internal state for uncontrolled mode\n const [internalValue, setInternalValue] = useState(defaultValue)\n const [cardType, setCardType] = useState<CardType \| null>(() =>\n detectCardType(defaultValue)\n )\n\n // Determine if controlled\n const isControlled = controlledValue !== undefined\n const cardValue = isControlled ? controlledValue : internalValue\n\n // Format the display value\n const displayValue = formatCardNumber(cardValue, cardType)\n\n // Track previous card type for change detection\n const prevCardTypeRef = useRef<CardType \| null>(cardType)\n\n const handleInputChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const rawValue = getCardDigits(e.target.value)\n\n // Limit to 19 digits (max card length)\n const limitedValue = rawValue.slice(0, 19)\n\n // Detect card type\n const detectedType = detectCardType(limitedValue)\n setCardType(detectedType)\n\n if (!isControlled) {\n setInternalValue(limitedValue)\n }\n\n onChange?.(limitedValue, detectedType)\n\n // Notify on card type changes directly in the event handler (avoids effect anti-pattern)\n if (prevCardTypeRef.current !== detectedType) {\n onCardTypeChange?.(detectedType)\n prevCardTypeRef.current = detectedType\n }\n },\n [isControlled, onChange, onCardTypeChange]\n )\n\n // Get the card icon component\n const CardIcon = cardType ? CardIcons[cardType] : CardIcons.unknown\n\n return (\n <div\n aria-invalid={invalid ?? undefined}\n className={cn(paymentInputVariants({ size, variant }), className)}\n data-slot=\"payment-input\"\n >\n {showCardIcon && (\n <CardIcon\n className={paymentInputIconVariants({ size, hasCard: !!cardType })}\n />\n )}\n <input\n ref={inputRef}\n aria-invalid={invalid ?? undefined}\n autoComplete=\"cc-number\"\n className={paymentInputInputVariants({ size })}\n data-slot=\"payment-input-field\"\n disabled={disabled}\n inputMode=\"numeric\"\n placeholder={placeholder}\n type=\"text\"\n value={displayValue}\n onChange={handleInputChange}\n {...props}\n />\n </div>\n )\n}\n\nexport { PaymentInput }\n"]}
1	+ {"version":3,"sources":["../src/components/forms/PaymentInput/card-utils.ts","../src/components/forms/PaymentInput/PaymentInput.variants.ts","../src/components/forms/PaymentInput/PaymentInput.tsx"],"names":[],"mappings":"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","file":"chunk-RQBYBBMP.js","sourcesContent":["/*\n Supported card types\n /\nexport type CardType =\n \| \"amex\"\n \| \"diners\"\n \| \"discover\"\n \| \"elo\"\n \| \"hipercard\"\n \| \"jcb\"\n \| \"mastercard\"\n \| \"visa\"\n\n/\n Card type configuration\n /\nexport interface CardTypeConfig {\n /* CVV length /\n cvvLength: number\n /* Card number format (# = digit, space = separator) /\n format: string\n /* Card number length(s) /\n lengths: number[]\n name: string\n /* Regex patterns to match card number prefixes /\n patterns: RegExp[]\n type: CardType\n}\n\n/\n Standard 16-digit card format\n /\nconst STANDARD_CARD_FORMAT = \"#### #### #### ####\"\n\n/\n Card type configurations\n /\nexport const cardTypes: CardTypeConfig[] = [\n {\n type: \"visa\",\n name: \"Visa\",\n patterns: [/^4/],\n lengths: [13, 16, 19],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"mastercard\",\n name: \"Mastercard\",\n patterns: [/^5[1-5]/, /^2[2-7]/],\n lengths: [16],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"amex\",\n name: \"American Express\",\n patterns: [/^3[47]/],\n lengths: [15],\n cvvLength: 4,\n format: \"#### ###### #####\",\n },\n {\n type: \"discover\",\n name: \"Discover\",\n patterns: [/^6(?:011\|5)/, /^64[4-9]/, /^622/],\n lengths: [16, 19],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"diners\",\n name: \"Diners Club\",\n patterns: [/^3(?:0[0-5]\|[68])/, /^36/],\n lengths: [14, 16, 19],\n cvvLength: 3,\n format: \"#### ###### ####\",\n },\n {\n type: \"jcb\",\n name: \"JCB\",\n patterns: [/^35(?:2[89]\|[3-8])/, /^2131/, /^1800/],\n lengths: [16, 17, 18, 19],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"elo\",\n name: \"Elo\",\n patterns: [\n /^4011(78\|79)/,\n /^43(1274\|8935)/,\n /^45(1416\|7393\|763(1\|2))/,\n /^50(4175\|6699\|67[0-6][0-9]\|677[0-8]\|9[0-8][0-9]{2}\|99[0-8][0-9]\|999[0-9])/,\n /^627780/,\n /^636297/,\n /^636368/,\n /^65003[1-3]/,\n /^6500(3[5-9]\|4[0-9]\|5[0-1])/,\n /^6504(0[5-9]\|[1-3][0-9])/,\n /^650(4[8-9][0-9]\|5[0-2][0-9]\|53[0-8])/,\n /^6505(4[1-9]\|[5-8][0-9]\|9[0-8])/,\n /^6507(0[0-9]\|1[0-8])/,\n /^65072[0-7]/,\n /^6509(0[1-9]\|1[0-9]\|20)/,\n /^6516(5[2-9]\|[6-7][0-9])/,\n /^6550([0-1][0-9]\|2[1-9]\|[3-4][0-9]\|5[0-8])/,\n ],\n lengths: [16],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n {\n type: \"hipercard\",\n name: \"Hipercard\",\n patterns: [/^606282/, /^3841(0[0-9]\|4[0-9]\|80)/],\n lengths: [16, 19],\n cvvLength: 3,\n format: STANDARD_CARD_FORMAT,\n },\n]\n\n/\n Detect card type from card number\n /\nexport function detectCardType(cardNumber: string): CardType \| null {\n const digits = cardNumber.replaceAll(/\\D/g, \"\")\n\n for (const card of cardTypes) {\n for (const pattern of card.patterns) {\n if (pattern.test(digits)) {\n return card.type\n }\n }\n }\n\n return null\n}\n\n/\n Get card type configuration\n /\nexport function getCardConfig(cardType: CardType): CardTypeConfig \| undefined {\n return cardTypes.find((c) => c.type === cardType)\n}\n\n/\n Format card number with spaces\n /\nexport function formatCardNumber(value: string, cardType?: CardType \| null): string {\n const digits = value.replaceAll(/\\D/g, \"\")\n const config = cardType ? getCardConfig(cardType) : null\n const format = config?.format ?? STANDARD_CARD_FORMAT\n\n let result = \"\"\n let digitIndex = 0\n\n for (const char of format) {\n if (digitIndex >= digits.length) break\n\n if (char === \"#\") {\n result += digits[digitIndex] ?? \"\"\n digitIndex++\n } else {\n result += char\n }\n }\n\n return result\n}\n\n/\n Get raw digits from formatted card number\n /\nexport function getCardDigits(value: string): string {\n return value.replaceAll(/\\D/g, \"\")\n}\n\n/\n Validate card number using Luhn algorithm\n /\nexport function validateCardNumber(cardNumber: string): boolean {\n const digits = cardNumber.replaceAll(/\\D/g, \"\")\n\n if (digits.length < 13 \|\| digits.length > 19) {\n return false\n }\n\n let sum = 0\n let isEven = false\n\n for (let i = digits.length - 1; i >= 0; i--) {\n const char = digits[i]\n if (!char) continue\n\n let digit = Number.parseInt(char, 10)\n\n if (isEven) {\n digit = 2\n if (digit > 9) {\n digit -= 9\n }\n }\n\n sum += digit\n isEven = !isEven\n }\n\n return sum % 10 === 0\n}\n\n/*\n Get card brand display name\n /\nexport function getCardBrandName(cardType: CardType \| null): string {\n if (!cardType) return \"\"\n const config = getCardConfig(cardType)\n return config?.name ?? \"\"\n}\n","import { cva, type VariantProps } from \"class-variance-authority\"\n\n/\n PaymentInput container variant styles using CVA\n /\nexport const paymentInputVariants = cva(\n [\n \"flex items-center w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none\",\n \"dark:bg-input/30\",\n \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n \"has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n ],\n {\n variants: {\n size: {\n sm: \"h-8 px-2.5 text-sm gap-2\",\n md: \"h-9 px-3 text-base md:text-sm gap-2.5\",\n lg: \"h-10 px-3.5 text-base gap-3\",\n },\n variant: {\n default: \"border-input shadow-xs\",\n filled: \"border-transparent bg-muted\",\n flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"default\",\n },\n }\n)\n\n/\n PaymentInput inner input styles\n /\nexport const paymentInputInputVariants = cva(\n [\n \"flex-1 min-w-0 bg-transparent outline-none font-mono\",\n \"placeholder:text-muted-foreground placeholder:font-sans\",\n \"disabled:cursor-not-allowed\",\n ],\n {\n variants: {\n size: {\n sm: \"text-sm\",\n md: \"text-base md:text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\n/\n PaymentInput card icon styles\n /\nexport const paymentInputIconVariants = cva(\n \"shrink-0 text-[color:var(--payment-input-icon-color)] transition-opacity\",\n {\n variants: {\n size: {\n sm: \"size-5\",\n md: \"size-6\",\n lg: \"size-7\",\n },\n hasCard: {\n true: \"opacity-100\",\n false: \"opacity-40\",\n },\n },\n defaultVariants: {\n size: \"md\",\n hasCard: false,\n },\n }\n)\n\nexport type PaymentInputVariantProps = VariantProps<typeof paymentInputVariants>\n","\"use client\"\n\nimport type { PaymentInputProps } from \"./PaymentInput.types\"\n\nimport { CreditCard } from \"lucide-react\"\nimport as React from \"react\"\nimport { useCallback, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n type CardType,\n detectCardType,\n formatCardNumber,\n getCardDigits,\n} from \"./card-utils\"\nimport {\n paymentInputIconVariants,\n paymentInputInputVariants,\n paymentInputVariants,\n} from \"./PaymentInput.variants\"\n\n/*\n Card brand icons as simple SVG components\n /\nconst CardIcons: Record<\"unknown\" \| CardType, React.FC<{ className?: string }>> = {\n visa: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M9.5 14.25h-1.5l.94-5.5h1.5l-.94 5.5zm6.75-5.37c-.3-.11-.77-.23-1.35-.23-1.5 0-2.55.75-2.56 1.83-.01.8.76 1.24 1.34 1.5.59.27.79.45.79.69-.01.37-.47.54-.91.54-.61 0-.93-.08-1.43-.29l-.2-.09-.21 1.24c.36.15 1.02.29 1.7.29 1.59 0 2.62-.74 2.63-1.9.01-.63-.4-1.12-1.29-1.52-.54-.26-.87-.43-.87-.69 0-.23.28-.48.88-.48.51-.01.87.1 1.15.21l.14.06.21-1.16zm3.97-.13h-1.17c-.36 0-.64.1-.79.46l-2.26 5.04h1.59l.32-.83h1.95l.18.83h1.4l-1.22-5.5zm-1.65 3.57l.8-2.02.46 2.02h-1.26zm-11.82-3.57l-1.49 3.75-.16-.75-.52-2.48c-.09-.34-.35-.47-.68-.48h-2.42l-.03.14c.56.14 1.06.33 1.49.55l1.27 4.77h1.61l2.39-5.5h-1.46z\" />\n </svg>\n ),\n mastercard: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M15.245 17.831c-1.458 1.093-3.256 1.744-5.207 1.744-4.786 0-8.669-3.855-8.669-8.613s3.883-8.613 8.669-8.613c1.951 0 3.749.651 5.207 1.744-2.06 1.655-3.383 4.177-3.383 7.019s1.323 5.364 3.383 7.019zm5.217-6.869c0-2.842-1.323-5.364-3.383-7.019-1.458 1.093-3.256 1.744-5.207 1.744-1.951 0-3.749-.651-5.207-1.744 2.06 1.655 3.383 4.177 3.383 7.019s-1.323 5.364-3.383 7.019c1.458-1.093 3.256-1.744 5.207-1.744 1.951 0 3.749.651 5.207 1.744-2.06-1.655-3.383-4.177-3.383-7.019z\" />\n </svg>\n ),\n amex: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-10.65 2.5h1.3v-1.125h-1.3V12.5h1.3v-1h-2.35v4h2.35v-1h-1.3zm6.65-3h-3.85v4h1.05v-1.25h2.3v-1h-2.3v-.75h2.8v-1zm-9.25 0h-2.1l-1.4 1.65-1.4-1.65h-2.1v4h1.05v-2.8l1.45 1.75h.95l1.45-1.75v2.8h1.05v-4z\" />\n </svg>\n ),\n discover: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\" />\n </svg>\n ),\n diners: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9c1.45.55 2.48 1.94 2.48 3.55v1.9c0 1.61-1.03 3-2.48 3.55zm4 0v-9c1.45.55 2.48 1.94 2.48 3.55v1.9c0 1.61-1.03 3-2.48 3.55z\" />\n </svg>\n ),\n jcb: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M17.5 3h-11C4.57 3 3 4.57 3 6.5v11c0 1.93 1.57 3.5 3.5 3.5h11c1.93 0 3.5-1.57 3.5-3.5v-11C21 4.57 19.43 3 17.5 3zm-7 12c0 .55-.45 1-1 1s-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v6zm4.5 1c-1.38 0-2.5-1.12-2.5-2.5V9h2v4.5c0 .28.22.5.5.5s.5-.22.5-.5V9h2v4.5c0 1.38-1.12 2.5-2.5 2.5z\" />\n </svg>\n ),\n elo: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 13l-4-4 1.41-1.41L10 12.17l6.59-6.59L18 7l-8 8z\" />\n </svg>\n ),\n hipercard: ({ className }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2L4 7v10l8 5 8-5V7l-8-5zm0 2.5L18 8v8l-6 3.5L6 16V8l6-3.5z\" />\n </svg>\n ),\n unknown: CreditCard,\n}\n\n/\n PaymentInput - A credit card number input with auto-formatting and brand detection\n \n @example\n * ```tsx\n * // Basic usage\n * <PaymentInput placeholder=\"Card number\" />\n \n // Controlled\n * const [cardNumber, setCardNumber] = useState(\"\")\n * <PaymentInput\n * value={cardNumber}\n * onChange={(value, cardType) => {\n * setCardNumber(value)\n * console.log(`Card type: ${cardType}`)\n * }}\n * />\n * ```\n */\nfunction PaymentInput({\n value: controlledValue,\n defaultValue = \"\",\n onChange,\n onCardTypeChange,\n disabled,\n size = \"md\",\n variant,\n invalid,\n showCardIcon = true,\n placeholder = \"0000 0000 0000 0000\",\n className,\n ...props\n}: PaymentInputProps) {\n const inputRef = useRef<HTMLInputElement>(null)\n\n // Internal state for uncontrolled mode\n const [internalValue, setInternalValue] = useState(defaultValue)\n const [cardType, setCardType] = useState<CardType \| null>(() =>\n detectCardType(defaultValue)\n )\n\n // Determine if controlled\n const isControlled = controlledValue !== undefined\n const cardValue = isControlled ? controlledValue : internalValue\n\n // Format the display value\n const displayValue = formatCardNumber(cardValue, cardType)\n\n // Track previous card type for change detection\n const prevCardTypeRef = useRef<CardType \| null>(cardType)\n\n const handleInputChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const rawValue = getCardDigits(e.target.value)\n\n // Limit to 19 digits (max card length)\n const limitedValue = rawValue.slice(0, 19)\n\n // Detect card type\n const detectedType = detectCardType(limitedValue)\n setCardType(detectedType)\n\n if (!isControlled) {\n setInternalValue(limitedValue)\n }\n\n onChange?.(limitedValue, detectedType)\n\n // Notify on card type changes directly in the event handler (avoids effect anti-pattern)\n if (prevCardTypeRef.current !== detectedType) {\n onCardTypeChange?.(detectedType)\n prevCardTypeRef.current = detectedType\n }\n },\n [isControlled, onChange, onCardTypeChange]\n )\n\n // Get the card icon component\n const CardIcon = cardType ? CardIcons[cardType] : CardIcons.unknown\n\n return (\n <div\n aria-invalid={invalid ?? undefined}\n className={cn(paymentInputVariants({ size, variant }), className)}\n data-slot=\"payment-input\"\n >\n {showCardIcon && (\n <CardIcon\n className={paymentInputIconVariants({ size, hasCard: !!cardType })}\n />\n )}\n <input\n ref={inputRef}\n aria-invalid={invalid ?? undefined}\n autoComplete=\"cc-number\"\n className={paymentInputInputVariants({ size })}\n data-slot=\"payment-input-field\"\n disabled={disabled}\n inputMode=\"numeric\"\n placeholder={placeholder}\n type=\"text\"\n value={displayValue}\n onChange={handleInputChange}\n {...props}\n />\n </div>\n )\n}\n\nexport { PaymentInput }\n"]}

package/dist/chunk-RVAYDRMA.js ADDED Viewed

@@ -0,0 +1,31 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var INTERACTIVE_TARGET_SELECTOR = [
+  "a[href]",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "[role='button']",
+  "[role='checkbox']",
+  "[role='menuitem']",
+  "[role='option']",
+  "[role='switch']",
+  "[contenteditable='true']",
+  "[data-region-click-exempt]"
+].join(", ");
+function isInteractiveTarget(target, region) {
+  if (!(target instanceof Element) || !(region instanceof Element)) return false;
+  const hit = target.closest(INTERACTIVE_TARGET_SELECTOR);
+  if (!hit) return false;
+  return hit !== region && region.contains(hit);
+}
+export { cn, isInteractiveTarget };
+//# sourceMappingURL=chunk-RVAYDRMA.js.map
+//# sourceMappingURL=chunk-RVAYDRMA.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/lib/utils.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AAMA,IAAM,2BAAA,GAA8B;AAAA,EAClC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,IAAI,CAAA;AAEJ,SAAS,mBAAA,CACd,QACA,MAAA,EACS;AACT,EAAA,IAAI,EAAE,MAAA,YAAkB,OAAA,CAAA,IAAY,EAAE,MAAA,YAAkB,UAAU,OAAO,KAAA;AACzE,EAAA,MAAM,GAAA,GAAM,MAAA,CAAO,OAAA,CAAQ,2BAA2B,CAAA;AACtD,EAAA,IAAI,CAAC,KAAK,OAAO,KAAA;AAIjB,EAAA,OAAO,GAAA,KAAQ,MAAA,IAAU,MAAA,CAAO,QAAA,CAAS,GAAG,CAAA;AAC9C","file":"chunk-RVAYDRMA.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n\n// Interactive descendants of a clickable region (table row, card, gallery item)\n// must swallow the region's click: selecting a row via its checkbox cannot also\n// fire onRowClick. Region handlers call this guard before acting; consumers can\n// opt extra elements out of region clicks with data-region-click-exempt.\nconst INTERACTIVE_TARGET_SELECTOR = [\n \"a[href]\",\n \"button\",\n \"input\",\n \"select\",\n \"textarea\",\n \"[role='button']\",\n \"[role='checkbox']\",\n \"[role='menuitem']\",\n \"[role='option']\",\n \"[role='switch']\",\n \"[contenteditable='true']\",\n \"[data-region-click-exempt]\",\n].join(\", \")\n\nexport function isInteractiveTarget(\n target: EventTarget | null,\n region: EventTarget | null,\n): boolean {\n if (!(target instanceof Element) || !(region instanceof Element)) return false\n const hit = target.closest(INTERACTIVE_TARGET_SELECTOR)\n if (!hit) return false\n // The region itself may be interactive (a card with role=\"button\"); only a\n // match STRICTLY inside the region swallows its click — never the region\n // itself, never an ancestor outside it.\n return hit !== region && region.contains(hit)\n}\n"]}

package/dist/{chunk-ARNVOHVW.js → chunk-S4P7JIQ2.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -99,5 +99,5 @@ function Paragraph({
 }
 export { Paragraph, paragraphVariants };
-//# sourceMappingURL=chunk-ARNVOHVW.js.map
-//# sourceMappingURL=chunk-ARNVOHVW.js.map
+//# sourceMappingURL=chunk-S4P7JIQ2.js.map
+//# sourceMappingURL=chunk-S4P7JIQ2.js.map

package/dist/{chunk-ARNVOHVW.js.map → chunk-S4P7JIQ2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/primitives/Paragraph/Paragraph.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,IAAA,EAAM,qGAAA;AAAA,QACN,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,QAAA,EAAU,yCAAA;AAAA,QACV,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,6CAAA;AAAA,QACT,KAAA,EAAO,2CAAA;AAAA,QACP,OAAA,EAAS,6CAAA;AAAA,QACT,WAAA,EAAa,iDAAA;AAAA,QACb,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,WAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,KAAA,EAAO,YAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,IAAA,EAAM,cAAA;AAAA,QACN,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,oCAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,MAAA;AAAA,MACN,MAAA,EAAQ,QAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ;AAiBA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,GAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA,CAAkB;AAAA,UAChB,IAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,YAAA,EAAY,QAAQ,EAAA,GAAK,MAAA;AAAA,MACzB,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-~~ARNVOHVW~~.js","sourcesContent":["import type { ParagraphProps } from \"./Paragraph.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst paragraphVariants = cva(\n \"font-[family-name:var(--paragraph-base-font-family)]\",\n {\n variants: {\n size: {\n xs: \"text-[length:var(--paragraph-size-xs-font-size)] leading-[var(--paragraph-size-xs-line-height)]\",\n sm: \"text-[length:var(--paragraph-size-sm-font-size)] leading-[var(--paragraph-size-sm-line-height)]\",\n base: \"text-[length:var(--paragraph-size-base-font-size)] leading-[var(--paragraph-size-base-line-height)]\",\n lg: \"text-[length:var(--paragraph-size-lg-font-size)] leading-[var(--paragraph-size-lg-line-height)]\",\n xl: \"text-[length:var(--paragraph-size-xl-font-size)] leading-[var(--paragraph-size-xl-line-height)]\",\n },\n weight: {\n normal: \"font-[var(--paragraph-weight-normal)]\",\n medium: \"font-[var(--paragraph-weight-medium)]\",\n semibold: \"font-[var(--paragraph-weight-semibold)]\",\n bold: \"font-[var(--paragraph-weight-bold)]\",\n },\n color: {\n default: \"text-[color:var(--paragraph-color-default)]\",\n muted: \"text-[color:var(--paragraph-color-muted)]\",\n primary: \"text-[color:var(--paragraph-color-primary)]\",\n destructive: \"text-[color:var(--paragraph-color-destructive)]\",\n success: \"text-[color:var(--paragraph-color-success)]\",\n },\n align: {\n left: \"text-left\",\n center: \"text-center\",\n right: \"text-right\",\n justify: \"text-justify\",\n },\n leading: {\n tight: \"leading-tight\",\n snug: \"leading-snug\",\n normal: \"leading-normal\",\n relaxed: \"leading-relaxed\",\n loose: \"leading-loose\",\n },\n spacing: {\n none: \"mb-[var(--paragraph-spacing-none)]\",\n tight: \"mb-[var(--paragraph-spacing-tight)]\",\n normal: \"mb-[var(--paragraph-spacing-normal)]\",\n relaxed: \"mb-[var(--paragraph-spacing-relaxed)]\",\n },\n prose: {\n true: \"max-w-prose\",\n false: \"\",\n },\n },\n defaultVariants: {\n size: \"base\",\n weight: \"normal\",\n color: \"default\",\n align: \"left\",\n spacing: \"normal\",\n prose: false,\n },\n }\n)\n\n/*\n Paragraph - Componente de paragrafo para blocos de texto.\n \n Suporta diferentes tamanhos, pesos, cores, alinhamentos e espacamentos.\n \n @example\n * // Paragrafo basico\n * <Paragraph>Texto do paragrafo</Paragraph>\n \n @example\n * // Paragrafo com estilo personalizado\n * <Paragraph size=\"lg\" weight=\"medium\" color=\"muted\">\n * Texto destacado\n * </Paragraph>\n */\nfunction Paragraph({\n className,\n size,\n weight,\n color,\n align,\n leading,\n spacing,\n prose,\n asChild = false,\n ref,\n ...props\n}: ParagraphProps) {\n const Comp = asChild ? Slot : \"p\"\n\n return (\n <Comp\n ref={ref}\n className={cn(\n paragraphVariants({\n size,\n weight,\n color,\n align,\n leading,\n spacing,\n prose,\n }),\n className\n )}\n data-prose={prose ? \"\" : undefined}\n data-slot=\"paragraph\"\n {...props}\n />\n )\n}\n\nexport { Paragraph, paragraphVariants }\n"]}
1	+ {"version":3,"sources":["../src/components/primitives/Paragraph/Paragraph.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI,iGAAA;AAAA,QACJ,IAAA,EAAM,qGAAA;AAAA,QACN,EAAA,EAAI,iGAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,uCAAA;AAAA,QACR,MAAA,EAAQ,uCAAA;AAAA,QACR,QAAA,EAAU,yCAAA;AAAA,QACV,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,6CAAA;AAAA,QACT,KAAA,EAAO,2CAAA;AAAA,QACP,OAAA,EAAS,6CAAA;AAAA,QACT,WAAA,EAAa,iDAAA;AAAA,QACb,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,WAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,KAAA,EAAO,YAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,IAAA,EAAM,cAAA;AAAA,QACN,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,oCAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,MAAA;AAAA,MACN,MAAA,EAAQ,QAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ;AAiBA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,GAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA,CAAkB;AAAA,UAChB,IAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,YAAA,EAAY,QAAQ,EAAA,GAAK,MAAA;AAAA,MACzB,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-S4P7JIQ2.js","sourcesContent":["import type { ParagraphProps } from \"./Paragraph.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst paragraphVariants = cva(\n \"font-[family-name:var(--paragraph-base-font-family)]\",\n {\n variants: {\n size: {\n xs: \"text-[length:var(--paragraph-size-xs-font-size)] leading-[var(--paragraph-size-xs-line-height)]\",\n sm: \"text-[length:var(--paragraph-size-sm-font-size)] leading-[var(--paragraph-size-sm-line-height)]\",\n base: \"text-[length:var(--paragraph-size-base-font-size)] leading-[var(--paragraph-size-base-line-height)]\",\n lg: \"text-[length:var(--paragraph-size-lg-font-size)] leading-[var(--paragraph-size-lg-line-height)]\",\n xl: \"text-[length:var(--paragraph-size-xl-font-size)] leading-[var(--paragraph-size-xl-line-height)]\",\n },\n weight: {\n normal: \"font-[var(--paragraph-weight-normal)]\",\n medium: \"font-[var(--paragraph-weight-medium)]\",\n semibold: \"font-[var(--paragraph-weight-semibold)]\",\n bold: \"font-[var(--paragraph-weight-bold)]\",\n },\n color: {\n default: \"text-[color:var(--paragraph-color-default)]\",\n muted: \"text-[color:var(--paragraph-color-muted)]\",\n primary: \"text-[color:var(--paragraph-color-primary)]\",\n destructive: \"text-[color:var(--paragraph-color-destructive)]\",\n success: \"text-[color:var(--paragraph-color-success)]\",\n },\n align: {\n left: \"text-left\",\n center: \"text-center\",\n right: \"text-right\",\n justify: \"text-justify\",\n },\n leading: {\n tight: \"leading-tight\",\n snug: \"leading-snug\",\n normal: \"leading-normal\",\n relaxed: \"leading-relaxed\",\n loose: \"leading-loose\",\n },\n spacing: {\n none: \"mb-[var(--paragraph-spacing-none)]\",\n tight: \"mb-[var(--paragraph-spacing-tight)]\",\n normal: \"mb-[var(--paragraph-spacing-normal)]\",\n relaxed: \"mb-[var(--paragraph-spacing-relaxed)]\",\n },\n prose: {\n true: \"max-w-prose\",\n false: \"\",\n },\n },\n defaultVariants: {\n size: \"base\",\n weight: \"normal\",\n color: \"default\",\n align: \"left\",\n spacing: \"normal\",\n prose: false,\n },\n }\n)\n\n/*\n Paragraph - Componente de paragrafo para blocos de texto.\n \n Suporta diferentes tamanhos, pesos, cores, alinhamentos e espacamentos.\n \n @example\n * // Paragrafo basico\n * <Paragraph>Texto do paragrafo</Paragraph>\n \n @example\n * // Paragrafo com estilo personalizado\n * <Paragraph size=\"lg\" weight=\"medium\" color=\"muted\">\n * Texto destacado\n * </Paragraph>\n */\nfunction Paragraph({\n className,\n size,\n weight,\n color,\n align,\n leading,\n spacing,\n prose,\n asChild = false,\n ref,\n ...props\n}: ParagraphProps) {\n const Comp = asChild ? Slot : \"p\"\n\n return (\n <Comp\n ref={ref}\n className={cn(\n paragraphVariants({\n size,\n weight,\n color,\n align,\n leading,\n spacing,\n prose,\n }),\n className\n )}\n data-prose={prose ? \"\" : undefined}\n data-slot=\"paragraph\"\n {...props}\n />\n )\n}\n\nexport { Paragraph, paragraphVariants }\n"]}

package/dist/{chunk-AKRVZ2YW.js → chunk-S6BREP2G.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { Badge } from './chunk-6ABGMOE2.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { Badge } from './chunk-HNQX6ZG7.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { useRef, useState, useId, useCallback } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -195,5 +195,5 @@ function TagsInput({
 }
 export { TagsInput, tagsInputInputVariants, tagsInputVariants };
-//# sourceMappingURL=chunk-AKRVZ2YW.js.map
-//# sourceMappingURL=chunk-AKRVZ2YW.js.map
+//# sourceMappingURL=chunk-S6BREP2G.js.map
+//# sourceMappingURL=chunk-S6BREP2G.js.map

package/dist/{chunk-AKRVZ2YW.js.map → chunk-S6BREP2G.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/forms/TagsInput/TagsInput.variants.ts","../src/components/forms/TagsInput/TagsInput.tsx"],"names":[],"mappings":"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","file":"chunk-AKRVZ2YW.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/*\n TagsInput container variant styles using CVA\n /\nexport const tagsInputVariants = cva(\n [\n \"flex flex-wrap items-center gap-1.5 w-full min-w-0 rounded-[var(--tags-input-root-radius)] border bg-transparent transition-[color,box-shadow] outline-none\",\n \"dark:bg-input/30\",\n \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n ],\n {\n variants: {\n size: {\n sm: \"min-h-8 px-2 py-1 text-sm\",\n md: \"min-h-9 px-3 py-1.5 text-base md:text-sm\",\n lg: \"min-h-10 px-3.5 py-2 text-base\",\n },\n variant: {\n default: \"border-[color:var(--tags-input-root-border)] shadow-xs\",\n filled: \"border-transparent bg-muted\",\n flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"default\",\n },\n }\n)\n\n/\n TagsInput inner input variant styles\n /\nexport const tagsInputInputVariants = cva(\n [\n \"flex-1 min-w-24 bg-[color:var(--tags-input-input-background)] outline-none\",\n \"placeholder:text-muted-foreground\",\n \"disabled:cursor-not-allowed\",\n ],\n {\n variants: {\n size: {\n sm: \"text-sm h-5\",\n md: \"text-base md:text-sm h-5\",\n lg: \"text-base h-6\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport type TagsInputVariantProps = VariantProps<typeof tagsInputVariants>\nexport type TagsInputInputVariantProps = VariantProps<typeof tagsInputInputVariants>\n","\"use client\"\n\nimport type { TagsInputProps } from \"./TagsInput.types\"\n\nimport as React from \"react\"\nimport { useCallback, useId, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Badge } from \"../../primitives/Badge\"\nimport { tagsInputInputVariants, tagsInputVariants } from \"./TagsInput.variants\"\n\n/*\n TagsInput - A multi-tag input component for entering and managing tags\n \n @example\n * ```tsx\n * // Uncontrolled\n * <TagsInput\n * defaultValue={[\"react\", \"typescript\"]}\n * placeholder=\"Add tags...\"\n * />\n \n // Controlled\n * const [tags, setTags] = useState([\"hello\"])\n * <TagsInput\n * value={tags}\n * onChange={setTags}\n * maxTags={5}\n * />\n * ```\n */\nfunction TagsInput({\n value: controlledValue,\n defaultValue = [],\n onChange,\n onTagAdd,\n onTagRemove,\n placeholder = \"Add tag...\",\n maxTags,\n allowDuplicates = false,\n disabled,\n size = \"md\",\n variant,\n invalid,\n delimiters = [\",\"],\n className,\n ...props\n}: TagsInputProps) {\n const inputRef = useRef<HTMLInputElement>(null)\n const [inputValue, setInputValue] = useState(\"\")\n const [internalTags, setInternalTags] = useState<string[]>(defaultValue)\n const id = useId()\n\n // Determine if controlled or uncontrolled\n const isControlled = controlledValue !== undefined\n const tags = isControlled ? controlledValue : internalTags\n\n const updateTags = useCallback(\n (newTags: string[]) => {\n if (!isControlled) {\n setInternalTags(newTags)\n }\n onChange?.(newTags)\n },\n [isControlled, onChange]\n )\n\n const addTag = useCallback(\n (tag: string) => {\n const trimmedTag = tag.trim()\n if (!trimmedTag) return\n\n // Check for duplicates\n if (!allowDuplicates && tags.includes(trimmedTag)) {\n setInputValue(\"\")\n return\n }\n\n // Check max tags\n if (maxTags && tags.length >= maxTags) {\n setInputValue(\"\")\n return\n }\n\n const newTags = [...tags, trimmedTag]\n updateTags(newTags)\n onTagAdd?.(trimmedTag)\n setInputValue(\"\")\n },\n [tags, allowDuplicates, maxTags, updateTags, onTagAdd]\n )\n\n const removeTag = useCallback(\n (tagToRemove: string) => {\n const newTags = tags.filter((tag) => tag !== tagToRemove)\n updateTags(newTags)\n onTagRemove?.(tagToRemove)\n },\n [tags, updateTags, onTagRemove]\n )\n\n const removeLastTag = useCallback(() => {\n const lastTag = tags[tags.length - 1]\n if (lastTag) {\n removeTag(lastTag)\n }\n }, [tags, removeTag])\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\" \|\| delimiters.includes(e.key)) {\n e.preventDefault()\n addTag(inputValue)\n } else if (e.key === \"Backspace\" && inputValue === \"\" && tags.length > 0) {\n removeLastTag()\n }\n },\n [inputValue, tags.length, addTag, removeLastTag, delimiters]\n )\n\n const handleInputChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n\n // Check if any delimiter is in the pasted/typed value\n for (const delimiter of delimiters) {\n if (value.includes(delimiter)) {\n const parts = value.split(delimiter)\n parts.forEach((part, index) => {\n if (index < parts.length - 1) {\n addTag(part)\n } else {\n setInputValue(part)\n }\n })\n return\n }\n }\n\n setInputValue(value)\n },\n [delimiters, addTag]\n )\n\n const handleContainerClick = useCallback(() => {\n inputRef.current?.focus()\n }, [])\n\n // Map size to Tag size\n const tagSize = size === \"lg\" ? \"default\" : \"sm\"\n\n return (\n <div\n aria-disabled={disabled ?? undefined}\n aria-invalid={invalid ?? undefined}\n className={cn(tagsInputVariants({ size, variant }), className)}\n data-slot=\"tags-input\"\n onClick={handleContainerClick}\n {...props}\n >\n {tags.map((tag, index) => (\n <Badge\n key={`${tag}-${String(index)}`}\n color=\"muted\"\n size={tagSize}\n type=\"pill-color\"\n onDismiss={disabled ? undefined : () => { removeTag(tag); }}\n >\n {tag}\n </Badge>\n ))}\n <input\n ref={inputRef}\n aria-label=\"Add tag\"\n className={tagsInputInputVariants({ size })}\n data-slot=\"tags-input-field\"\n disabled={disabled}\n id={id}\n placeholder={tags.length === 0 ? placeholder : undefined}\n type=\"text\"\n value={inputValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n />\n </div>\n )\n}\n\nexport { TagsInput }\n"]}
1	+ {"version":3,"sources":["../src/components/forms/TagsInput/TagsInput.variants.ts","../src/components/forms/TagsInput/TagsInput.tsx"],"names":[],"mappings":"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","file":"chunk-S6BREP2G.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/*\n TagsInput container variant styles using CVA\n /\nexport const tagsInputVariants = cva(\n [\n \"flex flex-wrap items-center gap-1.5 w-full min-w-0 rounded-[var(--tags-input-root-radius)] border bg-transparent transition-[color,box-shadow] outline-none\",\n \"dark:bg-input/30\",\n \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\",\n \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n ],\n {\n variants: {\n size: {\n sm: \"min-h-8 px-2 py-1 text-sm\",\n md: \"min-h-9 px-3 py-1.5 text-base md:text-sm\",\n lg: \"min-h-10 px-3.5 py-2 text-base\",\n },\n variant: {\n default: \"border-[color:var(--tags-input-root-border)] shadow-xs\",\n filled: \"border-transparent bg-muted\",\n flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"default\",\n },\n }\n)\n\n/\n TagsInput inner input variant styles\n /\nexport const tagsInputInputVariants = cva(\n [\n \"flex-1 min-w-24 bg-[color:var(--tags-input-input-background)] outline-none\",\n \"placeholder:text-muted-foreground\",\n \"disabled:cursor-not-allowed\",\n ],\n {\n variants: {\n size: {\n sm: \"text-sm h-5\",\n md: \"text-base md:text-sm h-5\",\n lg: \"text-base h-6\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport type TagsInputVariantProps = VariantProps<typeof tagsInputVariants>\nexport type TagsInputInputVariantProps = VariantProps<typeof tagsInputInputVariants>\n","\"use client\"\n\nimport type { TagsInputProps } from \"./TagsInput.types\"\n\nimport as React from \"react\"\nimport { useCallback, useId, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Badge } from \"../../primitives/Badge\"\nimport { tagsInputInputVariants, tagsInputVariants } from \"./TagsInput.variants\"\n\n/*\n TagsInput - A multi-tag input component for entering and managing tags\n \n @example\n * ```tsx\n * // Uncontrolled\n * <TagsInput\n * defaultValue={[\"react\", \"typescript\"]}\n * placeholder=\"Add tags...\"\n * />\n \n // Controlled\n * const [tags, setTags] = useState([\"hello\"])\n * <TagsInput\n * value={tags}\n * onChange={setTags}\n * maxTags={5}\n * />\n * ```\n */\nfunction TagsInput({\n value: controlledValue,\n defaultValue = [],\n onChange,\n onTagAdd,\n onTagRemove,\n placeholder = \"Add tag...\",\n maxTags,\n allowDuplicates = false,\n disabled,\n size = \"md\",\n variant,\n invalid,\n delimiters = [\",\"],\n className,\n ...props\n}: TagsInputProps) {\n const inputRef = useRef<HTMLInputElement>(null)\n const [inputValue, setInputValue] = useState(\"\")\n const [internalTags, setInternalTags] = useState<string[]>(defaultValue)\n const id = useId()\n\n // Determine if controlled or uncontrolled\n const isControlled = controlledValue !== undefined\n const tags = isControlled ? controlledValue : internalTags\n\n const updateTags = useCallback(\n (newTags: string[]) => {\n if (!isControlled) {\n setInternalTags(newTags)\n }\n onChange?.(newTags)\n },\n [isControlled, onChange]\n )\n\n const addTag = useCallback(\n (tag: string) => {\n const trimmedTag = tag.trim()\n if (!trimmedTag) return\n\n // Check for duplicates\n if (!allowDuplicates && tags.includes(trimmedTag)) {\n setInputValue(\"\")\n return\n }\n\n // Check max tags\n if (maxTags && tags.length >= maxTags) {\n setInputValue(\"\")\n return\n }\n\n const newTags = [...tags, trimmedTag]\n updateTags(newTags)\n onTagAdd?.(trimmedTag)\n setInputValue(\"\")\n },\n [tags, allowDuplicates, maxTags, updateTags, onTagAdd]\n )\n\n const removeTag = useCallback(\n (tagToRemove: string) => {\n const newTags = tags.filter((tag) => tag !== tagToRemove)\n updateTags(newTags)\n onTagRemove?.(tagToRemove)\n },\n [tags, updateTags, onTagRemove]\n )\n\n const removeLastTag = useCallback(() => {\n const lastTag = tags[tags.length - 1]\n if (lastTag) {\n removeTag(lastTag)\n }\n }, [tags, removeTag])\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\" \|\| delimiters.includes(e.key)) {\n e.preventDefault()\n addTag(inputValue)\n } else if (e.key === \"Backspace\" && inputValue === \"\" && tags.length > 0) {\n removeLastTag()\n }\n },\n [inputValue, tags.length, addTag, removeLastTag, delimiters]\n )\n\n const handleInputChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n\n // Check if any delimiter is in the pasted/typed value\n for (const delimiter of delimiters) {\n if (value.includes(delimiter)) {\n const parts = value.split(delimiter)\n parts.forEach((part, index) => {\n if (index < parts.length - 1) {\n addTag(part)\n } else {\n setInputValue(part)\n }\n })\n return\n }\n }\n\n setInputValue(value)\n },\n [delimiters, addTag]\n )\n\n const handleContainerClick = useCallback(() => {\n inputRef.current?.focus()\n }, [])\n\n // Map size to Tag size\n const tagSize = size === \"lg\" ? \"default\" : \"sm\"\n\n return (\n <div\n aria-disabled={disabled ?? undefined}\n aria-invalid={invalid ?? undefined}\n className={cn(tagsInputVariants({ size, variant }), className)}\n data-slot=\"tags-input\"\n onClick={handleContainerClick}\n {...props}\n >\n {tags.map((tag, index) => (\n <Badge\n key={`${tag}-${String(index)}`}\n color=\"muted\"\n size={tagSize}\n type=\"pill-color\"\n onDismiss={disabled ? undefined : () => { removeTag(tag); }}\n >\n {tag}\n </Badge>\n ))}\n <input\n ref={inputRef}\n aria-label=\"Add tag\"\n className={tagsInputInputVariants({ size })}\n data-slot=\"tags-input-field\"\n disabled={disabled}\n id={id}\n placeholder={tags.length === 0 ? placeholder : undefined}\n type=\"text\"\n value={inputValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n />\n </div>\n )\n}\n\nexport { TagsInput }\n"]}

package/dist/{chunk-Y5GO2F6P.js → chunk-SA3IQI3Y.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -184,5 +184,5 @@ TabNavigation.displayName = "TabNavigation";
 TabNavigationLink.displayName = "TabNavigationLink";
 export { TabNavigation, TabNavigationLink, tabNavigationLinkVariants, tabNavigationVariants };
-//# sourceMappingURL=chunk-Y5GO2F6P.js.map
-//# sourceMappingURL=chunk-Y5GO2F6P.js.map
+//# sourceMappingURL=chunk-SA3IQI3Y.js.map
+//# sourceMappingURL=chunk-SA3IQI3Y.js.map

package/dist/{chunk-Y5GO2F6P.js.map → chunk-SA3IQI3Y.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/navigation/TabNavigation/TabNavigation.variants.ts","../src/components/navigation/TabNavigation/TabNavigation.tsx"],"names":[],"mappings":"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","file":"chunk-Y5GO2F6P.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/*\n TabNavigation container variants\n /\nexport const tabNavigationVariants = cva(\n [\n \"flex items-center gap-1\",\n \"overflow-x-auto scrollbar-none\",\n ],\n {\n defaultVariants: {\n variant: \"line\",\n },\n variants: {\n variant: {\n line: [\n \"border-b border-border\",\n ],\n solid: [\n \"rounded-lg bg-muted p-1\",\n ],\n },\n },\n }\n)\n\n/\n TabNavigationLink variants\n /\nexport const tabNavigationLinkVariants = cva(\n [\n \"inline-flex items-center justify-center gap-2\",\n \"whitespace-nowrap text-sm font-medium\",\n \"transition-all duration-200\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n ],\n {\n compoundVariants: [\n // Line variant - active state\n {\n active: true,\n variant: \"line\",\n class: [\n \"border-b-2 border-primary text-foreground\",\n ],\n },\n // Line variant - inactive state\n {\n active: false,\n variant: \"line\",\n class: [\n \"border-b-2 border-transparent text-muted-foreground\",\n \"hover:text-foreground hover:border-border\",\n ],\n },\n // Solid variant - active state\n {\n active: true,\n variant: \"solid\",\n class: [\n \"bg-background text-foreground shadow-sm\",\n ],\n },\n // Solid variant - inactive state\n {\n active: false,\n variant: \"solid\",\n class: [\n \"text-muted-foreground\",\n \"hover:text-foreground hover:bg-background/50\",\n ],\n },\n ],\n defaultVariants: {\n active: false,\n variant: \"line\",\n },\n variants: {\n active: {\n false: \"\",\n true: \"\",\n },\n variant: {\n line: [\n \"px-3 py-2 -mb-px\",\n ],\n solid: [\n \"px-3 py-1.5 rounded-md\",\n ],\n },\n },\n }\n)\n","\"use client\"\n\nimport type {\n TabNavigationLinkProps,\n TabNavigationProps,\n TabNavigationVariant,\n} from \"./TabNavigation.types\"\n\nimport as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n tabNavigationLinkVariants,\n tabNavigationVariants,\n} from \"./TabNavigation.variants\"\n\n/*\n Context for TabNavigation\n /\ninterface TabNavigationContextValue {\n activeValue: string \| undefined\n onValueChange: ((value: string) => void) \| undefined\n variant: TabNavigationVariant\n}\n\nconst TabNavigationContext = React.createContext<TabNavigationContextValue>({\n activeValue: undefined,\n onValueChange: undefined,\n variant: \"line\",\n})\n\n/\n TabNavigation - Link-based tab navigation\n \n A horizontal navigation component styled like tabs but using links\n * for navigation. Unlike regular Tabs which manage content switching,\n * TabNavigation is meant for actual page/route navigation.\n \n @example\n * ```tsx\n * // Basic usage\n * <TabNavigation defaultValue=\"dashboard\">\n * <TabNavigationLink value=\"dashboard\" href=\"/dashboard\">\n * Dashboard\n * </TabNavigationLink>\n * <TabNavigationLink value=\"reports\" href=\"/reports\">\n * Reports\n * </TabNavigationLink>\n * <TabNavigationLink value=\"settings\" href=\"/settings\">\n * Settings\n * </TabNavigationLink>\n * </TabNavigation>\n \n // Controlled with router\n * const pathname = usePathname()\n \n <TabNavigation value={pathname}>\n * <TabNavigationLink value=\"/dashboard\" href=\"/dashboard\">\n * Dashboard\n * </TabNavigationLink>\n * <TabNavigationLink value=\"/reports\" href=\"/reports\">\n * Reports\n * </TabNavigationLink>\n * </TabNavigation>\n \n // Solid variant\n * <TabNavigation variant=\"solid\" defaultValue=\"tab1\">\n * <TabNavigationLink value=\"tab1\" href=\"/tab1\">Tab 1</TabNavigationLink>\n * <TabNavigationLink value=\"tab2\" href=\"/tab2\">Tab 2</TabNavigationLink>\n * </TabNavigation>\n \n // With icons\n * <TabNavigation defaultValue=\"home\">\n * <TabNavigationLink value=\"home\" href=\"/\" icon={<HomeIcon />}>\n * Home\n * </TabNavigationLink>\n * <TabNavigationLink value=\"settings\" href=\"/settings\" icon={<SettingsIcon />}>\n * Settings\n * </TabNavigationLink>\n * </TabNavigation>\n * ```\n /\nfunction TabNavigation({\n children,\n className,\n defaultValue,\n onValueChange,\n value: controlledValue,\n variant = \"line\",\n ...props\n}: TabNavigationProps) {\n const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n\n const isControlled = controlledValue !== undefined\n const activeValue = isControlled ? controlledValue : uncontrolledValue\n\n const handleValueChange = React.useCallback(\n (newValue: string) => {\n if (!isControlled) {\n setUncontrolledValue(newValue)\n }\n onValueChange?.(newValue)\n },\n [isControlled, onValueChange]\n )\n\n const contextValue = React.useMemo<TabNavigationContextValue>(\n () => ({\n activeValue,\n onValueChange: handleValueChange,\n variant,\n }),\n [activeValue, handleValueChange, variant]\n )\n\n return (\n <TabNavigationContext value={contextValue}>\n <nav\n aria-label=\"Tab navigation\"\n className={cn(tabNavigationVariants({ variant }), className)}\n data-slot=\"tab-navigation\"\n role=\"navigation\"\n {...props}\n >\n {children}\n </nav>\n </TabNavigationContext>\n )\n}\n\n/\n TabNavigationLink - Individual navigation link within TabNavigation\n \n Renders as an anchor tag for navigation. Can be used with or without href\n * for SPA frameworks that handle navigation differently.\n */\nfunction TabNavigationLink({\n active: activeProp,\n children,\n className,\n disabled = false,\n href,\n icon,\n onClick,\n value,\n ...props\n}: TabNavigationLinkProps) {\n const { activeValue, onValueChange, variant } = React.use(TabNavigationContext)\n\n // Determine if this link is active\n const isActive = activeProp ?? activeValue === value\n\n const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n if (disabled) {\n e.preventDefault()\n return\n }\n\n // Update active value\n onValueChange?.(value)\n\n // Call custom onClick handler\n onClick?.(e)\n }\n\n return (\n <a\n className={cn(\n tabNavigationLinkVariants({ active: isActive, variant }),\n disabled && \"pointer-events-none opacity-50\",\n className\n )}\n aria-current={isActive ? \"page\" : undefined}\n aria-disabled={disabled}\n data-active={isActive}\n data-slot=\"tab-navigation-link\"\n href={disabled ? undefined : href}\n role=\"link\"\n tabIndex={disabled ? -1 : 0}\n onClick={handleClick}\n {...props}\n >\n {icon && (\n <span className=\"size-4 shrink-0\" data-slot=\"tab-navigation-icon\">\n {icon}\n </span>\n )}\n {children}\n </a>\n )\n}\n\nTabNavigation.displayName = \"TabNavigation\"\nTabNavigationLink.displayName = \"TabNavigationLink\"\n\nexport { TabNavigation, TabNavigationLink }\n"]}
1	+ {"version":3,"sources":["../src/components/navigation/TabNavigation/TabNavigation.variants.ts","../src/components/navigation/TabNavigation/TabNavigation.tsx"],"names":[],"mappings":";;;;;AAKO,IAAM,qBAAA,GAAwB,GAAA;AAAA,EACnC;AAAA,IACE,yBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA,KACX;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,UACJ;AAAA,SACF;AAAA,QACA,KAAA,EAAO;AAAA,UACL;AAAA;AACF;AACF;AACF;AAEJ;AAKO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC;AAAA,IACE,+CAAA;AAAA,IACA,uCAAA;AAAA,IACA,6BAAA;AAAA,IACA,qGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,gBAAA,EAAkB;AAAA;AAAA,MAEhB;AAAA,QACE,MAAA,EAAQ,IAAA;AAAA,QACR,OAAA,EAAS,MAAA;AAAA,QACT,KAAA,EAAO;AAAA,UACL;AAAA;AACF,OACF;AAAA;AAAA,MAEA;AAAA,QACE,MAAA,EAAQ,KAAA;AAAA,QACR,OAAA,EAAS,MAAA;AAAA,QACT,KAAA,EAAO;AAAA,UACL,qDAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA;AAAA,MAEA;AAAA,QACE,MAAA,EAAQ,IAAA;AAAA,QACR,OAAA,EAAS,OAAA;AAAA,QACT,KAAA,EAAO;AAAA,UACL;AAAA;AACF,OACF;AAAA;AAAA,MAEA;AAAA,QACE,MAAA,EAAQ,KAAA;AAAA,QACR,OAAA,EAAS,OAAA;AAAA,QACT,KAAA,EAAO;AAAA,UACL,uBAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,MAAA,EAAQ,KAAA;AAAA,MACR,OAAA,EAAS;AAAA,KACX;AAAA,IACA,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO,EAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,UACJ;AAAA,SACF;AAAA,QACA,KAAA,EAAO;AAAA,UACL;AAAA;AACF;AACF;AACF;AAEJ;ACrEA,IAAM,uBAA6B,KAAA,CAAA,aAAA,CAAyC;AAAA,EAC1E,WAAA,EAAa,MAAA;AAAA,EACb,aAAA,EAAe,MAAA;AAAA,EACf,OAAA,EAAS;AACX,CAAC,CAAA;AAqDD,SAAS,aAAA,CAAc;AAAA,EACrB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,OAAA,GAAU,MAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAU,eAAS,YAAY,CAAA;AAE7E,EAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,EAAA,MAAM,WAAA,GAAc,eAAe,eAAA,GAAkB,iBAAA;AAErD,EAAA,MAAM,iBAAA,GAA0B,KAAA,CAAA,WAAA;AAAA,IAC9B,CAAC,QAAA,KAAqB;AACpB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,oBAAA,CAAqB,QAAQ,CAAA;AAAA,MAC/B;AACA,MAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,IAC1B,CAAA;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,GAC9B;AAEA,EAAA,MAAM,YAAA,GAAqB,KAAA,CAAA,OAAA;AAAA,IACzB,OAAO;AAAA,MACL,WAAA;AAAA,MACA,aAAA,EAAe,iBAAA;AAAA,MACf;AAAA,KACF,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,iBAAA,EAAmB,OAAO;AAAA,GAC1C;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,gBAAA;AAAA,MACX,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAC3D,WAAA,EAAU,gBAAA;AAAA,MACV,IAAA,EAAK,YAAA;AAAA,MACJ,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAQA,SAAS,iBAAA,CAAkB;AAAA,EACzB,MAAA,EAAQ,UAAA;AAAA,EACR,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,MAAM,EAAE,WAAA,EAAa,aAAA,EAAe,OAAA,EAAQ,GAAU,UAAI,oBAAoB,CAAA;AAG9E,EAAA,MAAM,QAAA,GAAW,cAAc,WAAA,KAAgB,KAAA;AAE/C,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA2C;AAC9D,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA;AAAA,IACF;AAGA,IAAA,aAAA,GAAgB,KAAK,CAAA;AAGrB,IAAA,OAAA,GAAU,CAAC,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,yBAAA,CAA0B,EAAE,MAAA,EAAQ,QAAA,EAAU,SAAS,CAAA;AAAA,QACvD,QAAA,IAAY,gCAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACA,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,MAClC,eAAA,EAAe,QAAA;AAAA,MACf,aAAA,EAAa,QAAA;AAAA,MACb,WAAA,EAAU,qBAAA;AAAA,MACV,IAAA,EAAM,WAAW,MAAA,GAAY,IAAA;AAAA,MAC7B,IAAA,EAAK,MAAA;AAAA,MACL,QAAA,EAAU,WAAW,EAAA,GAAK,CAAA;AAAA,MAC1B,OAAA,EAAS,WAAA;AAAA,MACR,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,wBACE,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,WAAA,EAAU,uBACzC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,QAED;AAAA;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAC5B,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"chunk-SA3IQI3Y.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/*\n TabNavigation container variants\n /\nexport const tabNavigationVariants = cva(\n [\n \"flex items-center gap-1\",\n \"overflow-x-auto scrollbar-none\",\n ],\n {\n defaultVariants: {\n variant: \"line\",\n },\n variants: {\n variant: {\n line: [\n \"border-b border-border\",\n ],\n solid: [\n \"rounded-lg bg-muted p-1\",\n ],\n },\n },\n }\n)\n\n/\n TabNavigationLink variants\n /\nexport const tabNavigationLinkVariants = cva(\n [\n \"inline-flex items-center justify-center gap-2\",\n \"whitespace-nowrap text-sm font-medium\",\n \"transition-all duration-200\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n ],\n {\n compoundVariants: [\n // Line variant - active state\n {\n active: true,\n variant: \"line\",\n class: [\n \"border-b-2 border-primary text-foreground\",\n ],\n },\n // Line variant - inactive state\n {\n active: false,\n variant: \"line\",\n class: [\n \"border-b-2 border-transparent text-muted-foreground\",\n \"hover:text-foreground hover:border-border\",\n ],\n },\n // Solid variant - active state\n {\n active: true,\n variant: \"solid\",\n class: [\n \"bg-background text-foreground shadow-sm\",\n ],\n },\n // Solid variant - inactive state\n {\n active: false,\n variant: \"solid\",\n class: [\n \"text-muted-foreground\",\n \"hover:text-foreground hover:bg-background/50\",\n ],\n },\n ],\n defaultVariants: {\n active: false,\n variant: \"line\",\n },\n variants: {\n active: {\n false: \"\",\n true: \"\",\n },\n variant: {\n line: [\n \"px-3 py-2 -mb-px\",\n ],\n solid: [\n \"px-3 py-1.5 rounded-md\",\n ],\n },\n },\n }\n)\n","\"use client\"\n\nimport type {\n TabNavigationLinkProps,\n TabNavigationProps,\n TabNavigationVariant,\n} from \"./TabNavigation.types\"\n\nimport as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n tabNavigationLinkVariants,\n tabNavigationVariants,\n} from \"./TabNavigation.variants\"\n\n/*\n Context for TabNavigation\n /\ninterface TabNavigationContextValue {\n activeValue: string \| undefined\n onValueChange: ((value: string) => void) \| undefined\n variant: TabNavigationVariant\n}\n\nconst TabNavigationContext = React.createContext<TabNavigationContextValue>({\n activeValue: undefined,\n onValueChange: undefined,\n variant: \"line\",\n})\n\n/\n TabNavigation - Link-based tab navigation\n \n A horizontal navigation component styled like tabs but using links\n * for navigation. Unlike regular Tabs which manage content switching,\n * TabNavigation is meant for actual page/route navigation.\n \n @example\n * ```tsx\n * // Basic usage\n * <TabNavigation defaultValue=\"dashboard\">\n * <TabNavigationLink value=\"dashboard\" href=\"/dashboard\">\n * Dashboard\n * </TabNavigationLink>\n * <TabNavigationLink value=\"reports\" href=\"/reports\">\n * Reports\n * </TabNavigationLink>\n * <TabNavigationLink value=\"settings\" href=\"/settings\">\n * Settings\n * </TabNavigationLink>\n * </TabNavigation>\n \n // Controlled with router\n * const pathname = usePathname()\n \n <TabNavigation value={pathname}>\n * <TabNavigationLink value=\"/dashboard\" href=\"/dashboard\">\n * Dashboard\n * </TabNavigationLink>\n * <TabNavigationLink value=\"/reports\" href=\"/reports\">\n * Reports\n * </TabNavigationLink>\n * </TabNavigation>\n \n // Solid variant\n * <TabNavigation variant=\"solid\" defaultValue=\"tab1\">\n * <TabNavigationLink value=\"tab1\" href=\"/tab1\">Tab 1</TabNavigationLink>\n * <TabNavigationLink value=\"tab2\" href=\"/tab2\">Tab 2</TabNavigationLink>\n * </TabNavigation>\n \n // With icons\n * <TabNavigation defaultValue=\"home\">\n * <TabNavigationLink value=\"home\" href=\"/\" icon={<HomeIcon />}>\n * Home\n * </TabNavigationLink>\n * <TabNavigationLink value=\"settings\" href=\"/settings\" icon={<SettingsIcon />}>\n * Settings\n * </TabNavigationLink>\n * </TabNavigation>\n * ```\n /\nfunction TabNavigation({\n children,\n className,\n defaultValue,\n onValueChange,\n value: controlledValue,\n variant = \"line\",\n ...props\n}: TabNavigationProps) {\n const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n\n const isControlled = controlledValue !== undefined\n const activeValue = isControlled ? controlledValue : uncontrolledValue\n\n const handleValueChange = React.useCallback(\n (newValue: string) => {\n if (!isControlled) {\n setUncontrolledValue(newValue)\n }\n onValueChange?.(newValue)\n },\n [isControlled, onValueChange]\n )\n\n const contextValue = React.useMemo<TabNavigationContextValue>(\n () => ({\n activeValue,\n onValueChange: handleValueChange,\n variant,\n }),\n [activeValue, handleValueChange, variant]\n )\n\n return (\n <TabNavigationContext value={contextValue}>\n <nav\n aria-label=\"Tab navigation\"\n className={cn(tabNavigationVariants({ variant }), className)}\n data-slot=\"tab-navigation\"\n role=\"navigation\"\n {...props}\n >\n {children}\n </nav>\n </TabNavigationContext>\n )\n}\n\n/\n TabNavigationLink - Individual navigation link within TabNavigation\n \n Renders as an anchor tag for navigation. Can be used with or without href\n * for SPA frameworks that handle navigation differently.\n */\nfunction TabNavigationLink({\n active: activeProp,\n children,\n className,\n disabled = false,\n href,\n icon,\n onClick,\n value,\n ...props\n}: TabNavigationLinkProps) {\n const { activeValue, onValueChange, variant } = React.use(TabNavigationContext)\n\n // Determine if this link is active\n const isActive = activeProp ?? activeValue === value\n\n const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n if (disabled) {\n e.preventDefault()\n return\n }\n\n // Update active value\n onValueChange?.(value)\n\n // Call custom onClick handler\n onClick?.(e)\n }\n\n return (\n <a\n className={cn(\n tabNavigationLinkVariants({ active: isActive, variant }),\n disabled && \"pointer-events-none opacity-50\",\n className\n )}\n aria-current={isActive ? \"page\" : undefined}\n aria-disabled={disabled}\n data-active={isActive}\n data-slot=\"tab-navigation-link\"\n href={disabled ? undefined : href}\n role=\"link\"\n tabIndex={disabled ? -1 : 0}\n onClick={handleClick}\n {...props}\n >\n {icon && (\n <span className=\"size-4 shrink-0\" data-slot=\"tab-navigation-icon\">\n {icon}\n </span>\n )}\n {children}\n </a>\n )\n}\n\nTabNavigation.displayName = \"TabNavigation\"\nTabNavigationLink.displayName = \"TabNavigationLink\"\n\nexport { TabNavigation, TabNavigationLink }\n"]}

package/dist/{chunk-56TC4CPT.js → chunk-SKI25Q7O.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WBE6VQOO.js';
-import { TextInput } from './chunk-ZMUUEXVD.js';
-import { Button } from './chunk-X5XP5QVO.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-5W3T767A.js';
+import { TextInput } from './chunk-K4UCALQQ.js';
+import { Button } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { X, PlusCircle, Trash2 } from 'lucide-react';
 import * as React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -478,5 +478,5 @@ function FilterBuilder({
 FilterBuilder.displayName = "FilterBuilder";
 export { FilterBuilder, isFilterCondition, isFilterGroup };
-//# sourceMappingURL=chunk-56TC4CPT.js.map
-//# sourceMappingURL=chunk-56TC4CPT.js.map
+//# sourceMappingURL=chunk-SKI25Q7O.js.map
+//# sourceMappingURL=chunk-SKI25Q7O.js.map