@customafk/lunas-ui 0.2.74 → 0.2.76

package/dist/summary-bar-Mb1B9Dnf.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"summary-bar-Mb1B9Dnf.cjs","names":["useUITableContext","useUITableSummaryContext","Statistic"],"sources":["../packages/components/features/tables/components/table/summary-bar.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Statistic } from '@/components/data-display/statistic';\nimport { useUITableContext, useUITableSummaryContext } from '../../hooks/use-context';\nimport type { SummaryItem } from '../../types';\n\nconst trendAccent: Record<NonNullable<SummaryItem['trend']>, string> = {\n  up: 'bg-success',\n  down: 'bg-danger',\n  neutral: 'bg-primary',\n};\n\nexport const UITableSummaryBar = memo(() => {\n  const { summary, onSummaryItemClick } = useUITableContext();\n  const { isOpen } = useUITableSummaryContext();\n\n  if (!isOpen || !summary || summary.length === 0) return null;\n\n  return (\n    <div data-slot=\"table-summary-bar\" className=\"w-full overflow-x-auto px-2 pb-1\">\n      <div className=\"grid gap-3\" style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 240px))' }}>\n        {summary.map(item => {\n          const accent = trendAccent[item.trend ?? 'neutral'];\n          const isClickable = !!onSummaryItemClick;\n\n          return (\n            <div\n              key={item.label}\n              className={cn(\n                'flex flex-col overflow-hidden rounded border border-border bg-card shadow-card',\n                isClickable && 'cursor-pointer transition-shadow hover:shadow-md'\n              )}\n              onClick={isClickable ? () => onSummaryItemClick(item) : undefined}\n              role={isClickable ? 'button' : undefined}\n              tabIndex={isClickable ? 0 : undefined}\n              onKeyDown={\n                isClickable\n                  ? e => {\n                      if (e.key === 'Enter' || e.key === ' ') onSummaryItemClick(item);\n                    }\n                  : undefined\n              }\n            >\n              {/* Coloured accent strip */}\n              <div className={cn('h-0.75 w-full shrink-0', accent)} />\n\n              <div className=\"flex flex-1 flex-col gap-2 px-5 py-4\">\n                {/* Label */}\n                <span className=\"text-[11px] font-semibold uppercase tracking-widest text-text-positive-weak\">{item.label}</span>\n\n                {/* Value */}\n                {item.value !== null && item.value !== undefined ? (\n                  <Statistic\n                    value={item.value}\n                    prefix={item.prefix}\n                    suffix={item.suffix}\n                    precision={item.precision}\n                    trend={item.trend}\n                    size=\"xl\"\n                    className=\"font-bold\"\n                  />\n                ) : (\n                  <span className=\"text-xl font-bold tabular-nums text-text-positive-strong\">—</span>\n                )}\n\n                {/* Description */}\n                {item.description && <span className=\"text-xs text-text-positive-weak\">{item.description}</span>}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n});\nUITableSummaryBar.displayName = 'UITableSummaryBar';\n"],"mappings":"qLASA,MAAM,EAAiE,CACrE,GAAI,aACJ,KAAM,YACN,QAAS,YACX,EAEa,GAAA,EAAA,EAAA,KAAA,KAA+B,CAC1C,GAAM,CAAE,UAAS,sBAAuBA,EAAAA,EAAkB,EACpD,CAAE,UAAWC,EAAAA,EAAyB,EAI5C,MAFI,CAAC,GAAU,CAAC,GAAW,EAAQ,SAAW,EAAU,MAGtD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,oBAAoB,UAAU,6CAC3C,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,aAAa,MAAO,CAAE,oBAAqB,yCAA0C,WACjG,EAAQ,IAAI,GAAQ,CACnB,IAAM,EAAS,EAAY,EAAK,OAAS,WACnC,EAAc,CAAC,CAAC,EAEtB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAEE,WAAA,EAAA,EAAA,GAAA,CACE,iFACA,GAAe,kDACjB,EACA,QAAS,MAAoB,EAAmB,CAAI,EAAI,IAAA,GACxD,KAAM,EAAc,SAAW,IAAA,GAC/B,SAAU,EAAc,EAAI,IAAA,GAC5B,UACE,EACI,GAAK,EACC,EAAE,MAAQ,SAAW,EAAE,MAAQ,MAAK,EAAmB,CAAI,CACjE,EACA,IAAA,YAdR,EAkBE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,WAAA,EAAA,EAAA,GAAA,CAAc,yBAA0B,CAAM,CAAI,CAAA,GAEvD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,gDAAf,EAEE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,uFAA+E,EAAK,KAAY,CAAA,EAG/G,EAAK,QAAU,MAAQ,EAAK,QAAU,IAAA,IACrC,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CACE,MAAO,EAAK,MACZ,OAAQ,EAAK,OACb,OAAQ,EAAK,OACb,UAAW,EAAK,UAChB,MAAO,EAAK,MACZ,KAAK,KACL,UAAU,WACX,CAAA,GAED,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,oEAA2D,GAAO,CAAA,EAInF,EAAK,cAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,2CAAmC,EAAK,WAAkB,CAAA,CAC5F,GACF,GAzCE,EAAK,KAyCP,CAET,CAAC,CACE,CAAA,CACF,CAAA,CAET,CAAC,EACD,EAAkB,YAAc"}
+{"version":3,"file":"summary-bar-Mb1B9Dnf.cjs","names":["useUITableContext","useUITableSummaryContext","Statistic"],"sources":["../packages/components/features/tables/components/table/summary-bar.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Statistic } from '@/components/data-display/statistic';\nimport { useUITableContext, useUITableSummaryContext } from '../../hooks/use-context';\nimport type { SummaryItem } from '../../types';\n\nconst trendAccent: Record<NonNullable<SummaryItem['trend']>, string> = {\n  up: 'bg-success',\n  down: 'bg-danger',\n  neutral: 'bg-primary',\n};\n\nexport const UITableSummaryBar = memo(() => {\n  const { summary, onSummaryItemClick } = useUITableContext();\n  const { isOpen } = useUITableSummaryContext();\n\n  if (!isOpen || !summary || summary.length === 0) return null;\n\n  return (\n    <div data-slot=\"table-summary-bar\" className=\"w-full overflow-x-auto px-2 pb-1\">\n      <div className=\"grid gap-3\" style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 240px))' }}>\n        {summary.map(item => {\n          const accent = trendAccent[item.trend ?? 'neutral'];\n          const isClickable = !!onSummaryItemClick;\n\n          return (\n            <div\n              key={item.label}\n              className={cn(\n                'flex flex-col overflow-hidden rounded border border-border bg-card shadow-card',\n                isClickable && 'cursor-pointer transition-shadow hover:shadow-md'\n              )}\n              onClick={isClickable ? () => onSummaryItemClick(item) : undefined}\n              role={isClickable ? 'button' : undefined}\n              tabIndex={isClickable ? 0 : undefined}\n              onKeyDown={\n                isClickable\n                  ? e => {\n                      if (e.key === 'Enter' || e.key === ' ') onSummaryItemClick(item);\n                    }\n                  : undefined\n              }\n            >\n              {/* Coloured accent strip */}\n              <div className={cn('h-0.75 w-full shrink-0', accent)} />\n\n              <div className=\"flex flex-1 flex-col gap-2 px-5 py-4\">\n                {/* Label */}\n                <span className=\"text-[11px] font-semibold uppercase tracking-widest text-text-positive-weak\">{item.label}</span>\n\n                {/* Value */}\n                {item.value !== null && item.value !== undefined ? (\n                  <Statistic\n                    value={item.value}\n                    prefix={item.prefix}\n                    suffix={item.suffix}\n                    precision={item.precision}\n                    trend={item.trend}\n                    size=\"xl\"\n                    className=\"font-bold\"\n                  />\n                ) : (\n                  <span className=\"text-xl font-bold tabular-nums text-text-positive-strong\">—</span>\n                )}\n\n                {/* Description */}\n                {item.description && <span className=\"text-xs text-text-positive-weak\">{item.description}</span>}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n});\nUITableSummaryBar.displayName = 'UITableSummaryBar';\n"],"mappings":"qLASA,MAAM,EAAiE,CACrE,GAAI,aACJ,KAAM,YACN,QAAS,YACX,EAEa,GAAA,EAAA,EAAA,KAAA,KAA+B,CAC1C,GAAM,CAAE,UAAS,sBAAuBA,EAAAA,EAAkB,EACpD,CAAE,UAAWC,EAAAA,EAAyB,EAI5C,MAFI,CAAC,GAAU,CAAC,GAAW,EAAQ,SAAW,EAAU,MAGtD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,oBAAoB,UAAU,mCAC3C,UAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,aAAa,MAAO,CAAE,oBAAqB,yCAA0C,EACjG,SAAA,EAAQ,IAAI,GAAQ,CACnB,IAAM,EAAS,EAAY,EAAK,OAAS,WACnC,EAAc,CAAC,CAAC,EAEtB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAEE,WAAA,EAAA,EAAA,GAAA,CACE,iFACA,GAAe,kDACjB,EACA,QAAS,MAAoB,EAAmB,CAAI,EAAI,IAAA,GACxD,KAAM,EAAc,SAAW,IAAA,GAC/B,SAAU,EAAc,EAAI,IAAA,GAC5B,UACE,EACI,GAAK,EACC,EAAE,MAAQ,SAAW,EAAE,MAAQ,MAAK,EAAmB,CAAI,CACjE,EACA,IAAA,GAdR,SAAA,EAkBE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,WAAA,EAAA,EAAA,GAAA,CAAc,yBAA0B,CAAM,CAAI,CAAA,GAEvD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,uCAAf,SAAA,EAEE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,8EAA+E,SAAA,EAAK,KAAY,CAAA,EAG/G,EAAK,QAAU,MAAQ,EAAK,QAAU,IAAA,IACrC,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CACE,MAAO,EAAK,MACZ,OAAQ,EAAK,OACb,OAAQ,EAAK,OACb,UAAW,EAAK,UAChB,MAAO,EAAK,MACZ,KAAK,KACL,UAAU,WACX,CAAA,GAED,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,2DAA2D,SAAA,GAAO,CAAA,EAInF,EAAK,cAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,kCAAmC,SAAA,EAAK,WAAkB,CAAA,CAC5F,CACF,CAAA,CAAA,CAzCE,EAAA,EAAK,KAyCP,CAET,CAAC,CACE,CAAA,CACF,CAAA,CAET,CAAC,EACD,EAAkB,YAAc"}

package/dist/{switch-9v4AYqJb.d.cts → switch-Ce5Pre2e.d.cts}

@@ -1,5 +1,4 @@
 import { Switch } from "radix-ui";
-
 //#region packages/components/ui/switch.d.ts
 /**
  * Accessible toggle switch built on Radix UI's Switch primitive, with animated thumb and primary/muted color states.
@@ -15,10 +14,7 @@ import { Switch } from "radix-ui";
  * </div>
  * ```
  */
-declare function Switch$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Switch.Root>): import("react").JSX.Element;
+declare function Switch$1({ className, ...props }: React.ComponentProps<typeof Switch.Root>): import("react").JSX.Element;
 //#endregion
 export { Switch$1 as t };
-//# sourceMappingURL=switch-9v4AYqJb.d.cts.map
+//# sourceMappingURL=switch-Ce5Pre2e.d.cts.map

package/dist/{switch-9v4AYqJb.d.mts → switch-Ce5Pre2e.d.mts}

@@ -1,5 +1,4 @@
 import { Switch } from "radix-ui";
-
 //#region packages/components/ui/switch.d.ts
 /**
  * Accessible toggle switch built on Radix UI's Switch primitive, with animated thumb and primary/muted color states.
@@ -15,10 +14,7 @@ import { Switch } from "radix-ui";
  * </div>
  * ```
  */
-declare function Switch$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Switch.Root>): import("react").JSX.Element;
+declare function Switch$1({ className, ...props }: React.ComponentProps<typeof Switch.Root>): import("react").JSX.Element;
 //#endregion
 export { Switch$1 as t };
-//# sourceMappingURL=switch-9v4AYqJb.d.mts.map
+//# sourceMappingURL=switch-Ce5Pre2e.d.mts.map

package/dist/{switch-field-BDVIJ21m.mjs → switch-field-Cz4lDf1D.mjs}

@@ -1,2 +1,2 @@
-import{G as e}from"./tanstack-form-AGwPfwiM.mjs";import{Field as t,FieldContent as n,FieldDescription as r,FieldGroup as i,FieldNote as a,FieldSeparator as o,FieldTitle as s}from"./field-V2DoD8qL.mjs";import{cn as c}from"@customafk/react-toolkit/utils";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{Switch as d}from"radix-ui";function f({className:e,...t}){return l(d.Root,{"data-slot":`switch`,className:c(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all`,`inline-flex h-5`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`-outline-offset-1 inset-shadow-2xs outline-1`,`data-[state=checked]:bg-primary`,`data-[state=checked]:outline-primary-strong`,`data-[state=unchecked]:bg-muted-weak`,`data-[state=unchecked]:outline-border`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...t,children:l(d.Thumb,{"data-slot":`switch-thumb`,className:c(`block size-4 bg-card shadow-xs`,`pointer-events-none rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}const p=({label:c,description:d,helperText:p})=>{let m=e();return u(i,{className:`gap-y-4 px-4`,children:[u(t,{orientation:`vertical`,className:`relative justify-between gap-y-1`,children:[u(n,{children:[l(s,{className:`cursor-pointer`,children:l(`label`,{htmlFor:m.name,children:c})}),l(r,{children:d}),l(f,{id:m.name,checked:m.state.value??!1,className:`absolute top-1 right-1`,onBlur:m.handleBlur,onCheckedChange:m.handleChange})]}),l(a,{isShow:!!p,children:p})]}),l(o,{})]})};export{p as SwitchField};
-//# sourceMappingURL=switch-field-BDVIJ21m.mjs.map
+import{G as e}from"./tanstack-form-q9hDCc0Y.mjs";import{Field as t,FieldContent as n,FieldDescription as r,FieldGroup as i,FieldNote as a,FieldSeparator as o,FieldTitle as s}from"./field-V2DoD8qL.mjs";import{cn as c}from"@customafk/react-toolkit/utils";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{Switch as d}from"radix-ui";function f({className:e,...t}){return l(d.Root,{"data-slot":`switch`,className:c(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all`,`inline-flex h-5`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`-outline-offset-1 inset-shadow-2xs outline-1`,`data-[state=checked]:bg-primary`,`data-[state=checked]:outline-primary-strong`,`data-[state=unchecked]:bg-muted-weak`,`data-[state=unchecked]:outline-border`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...t,children:l(d.Thumb,{"data-slot":`switch-thumb`,className:c(`block size-4 bg-card shadow-xs`,`pointer-events-none rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}const p=({label:c,description:d,helperText:p})=>{let m=e();return u(i,{className:`gap-y-4 px-4`,children:[u(t,{orientation:`vertical`,className:`relative justify-between gap-y-1`,children:[u(n,{children:[l(s,{className:`cursor-pointer`,children:l(`label`,{htmlFor:m.name,children:c})}),l(r,{children:d}),l(f,{id:m.name,checked:m.state.value??!1,className:`absolute top-1 right-1`,onBlur:m.handleBlur,onCheckedChange:m.handleChange})]}),l(a,{isShow:!!p,children:p})]}),l(o,{})]})};export{p as SwitchField};
+//# sourceMappingURL=switch-field-Cz4lDf1D.mjs.map

package/dist/{switch-field-BDVIJ21m.mjs.map → switch-field-Cz4lDf1D.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"switch-field-BDVIJ21m.mjs","names":["Switch","SwitchPrimitive","Switch"],"sources":["../packages/components/features/tanstack-form/components/ui/switch.tsx","../packages/components/features/tanstack-form/components/fields/switch-field.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\n/**\n * Accessible toggle switch built on Radix UI, styled with primary-color checked state and smooth thumb transition.\n *\n * @example\n * import { Switch } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <Switch defaultChecked onCheckedChange={(checked) => console.log(checked)} />\n */\nfunction Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer',\n        'w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all',\n        'inline-flex h-5',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:ring-4',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n\n        '-outline-offset-1 inset-shadow-2xs outline-1',\n\n        'data-[state=checked]:bg-primary',\n        'data-[state=checked]:outline-primary-strong',\n\n        'data-[state=unchecked]:bg-muted-weak',\n        'data-[state=unchecked]:outline-border',\n\n        'data-[state=unchecked]:[&_span]:size-4',\n        'data-[state=unchecked]:[&_span]:translate-x-0.5',\n        'data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'block size-4 bg-card shadow-xs',\n          'pointer-events-none rounded-full ring-0 transition-transform',\n          'data-[state=checked]:translate-x-[calc(100%-3px)]',\n          'data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n","'use client';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport { Field, FieldContent, FieldDescription, FieldGroup, FieldNote, FieldSeparator, FieldTitle } from '../ui/field';\nimport { Switch } from '../ui/switch';\n\nimport type { SwitchFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected boolean toggle field rendered as a labelled switch,\n * positioned absolutely in the top-right corner of the field card.\n *\n * @example\n * import { SwitchField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"notifications\">\n *   {() => (\n *     <SwitchField\n *       label=\"Enable notifications\"\n *       description=\"Receive email alerts for important events\"\n *       helperText=\"You can change this at any time\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const SwitchField: React.FC<Props> = ({ label, description, helperText }) => {\n  const field = useTanStackFieldContext<boolean | null>();\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field orientation=\"vertical\" className=\"relative justify-between gap-y-1\">\n        <FieldContent>\n          <FieldTitle className=\"cursor-pointer\">\n            <label htmlFor={field.name}>{label}</label>\n          </FieldTitle>\n          <FieldDescription>{description}</FieldDescription>\n          <Switch\n            id={field.name}\n            checked={field.state.value ?? false}\n            className=\"absolute top-1 right-1\"\n            onBlur={field.handleBlur}\n            onCheckedChange={field.handleChange}\n          />\n        </FieldContent>\n        <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"iVAcA,SAASA,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OACE,EAACC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EACT,OACA,iFACA,kBACA,sCACA,kCACA,uBACA,8BACA,sBAEA,+CAEA,kCACA,8CAEA,uCACA,wCAEA,yCACA,kDACA,uDACA,CACF,EACA,GAAI,WAEJ,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EACT,iCACA,+DACA,oDACA,sCACF,CACD,CAAA,CACmB,CAAA,CAE1B,CC7BA,MAAa,GAAgC,CAAE,QAAO,cAAa,gBAAiB,CAClF,IAAM,EAAQ,EAAwC,EAEtD,OACE,EAAC,EAAD,CAAY,UAAU,wBAAtB,CACE,EAAC,EAAD,CAAO,YAAY,WAAW,UAAU,4CAAxC,CACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAY,UAAU,0BACpB,EAAC,QAAD,CAAO,QAAS,EAAM,cAAO,CAAa,CAAA,CAChC,CAAA,EACZ,EAAC,EAAD,CAAA,SAAmB,CAA8B,CAAA,EACjD,EAACC,EAAD,CACE,GAAI,EAAM,KACV,QAAS,EAAM,MAAM,OAAS,GAC9B,UAAU,yBACV,OAAQ,EAAM,WACd,gBAAiB,EAAM,YACxB,CAAA,CACW,CAAA,CAAA,EACd,EAAC,EAAD,CAAW,OAAQ,CAAC,CAAC,WAAa,CAAsB,CAAA,CACnD,IACP,EAAC,EAAD,CAAiB,CAAA,CACP,GAEhB"}
+{"version":3,"file":"switch-field-Cz4lDf1D.mjs","names":["Switch","SwitchPrimitive","Switch"],"sources":["../packages/components/features/tanstack-form/components/ui/switch.tsx","../packages/components/features/tanstack-form/components/fields/switch-field.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\n/**\n * Accessible toggle switch built on Radix UI, styled with primary-color checked state and smooth thumb transition.\n *\n * @example\n * import { Switch } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <Switch defaultChecked onCheckedChange={(checked) => console.log(checked)} />\n */\nfunction Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer',\n        'w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all',\n        'inline-flex h-5',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:ring-4',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n\n        '-outline-offset-1 inset-shadow-2xs outline-1',\n\n        'data-[state=checked]:bg-primary',\n        'data-[state=checked]:outline-primary-strong',\n\n        'data-[state=unchecked]:bg-muted-weak',\n        'data-[state=unchecked]:outline-border',\n\n        'data-[state=unchecked]:[&_span]:size-4',\n        'data-[state=unchecked]:[&_span]:translate-x-0.5',\n        'data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'block size-4 bg-card shadow-xs',\n          'pointer-events-none rounded-full ring-0 transition-transform',\n          'data-[state=checked]:translate-x-[calc(100%-3px)]',\n          'data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n","'use client';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport { Field, FieldContent, FieldDescription, FieldGroup, FieldNote, FieldSeparator, FieldTitle } from '../ui/field';\nimport { Switch } from '../ui/switch';\n\nimport type { SwitchFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected boolean toggle field rendered as a labelled switch,\n * positioned absolutely in the top-right corner of the field card.\n *\n * @example\n * import { SwitchField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"notifications\">\n *   {() => (\n *     <SwitchField\n *       label=\"Enable notifications\"\n *       description=\"Receive email alerts for important events\"\n *       helperText=\"You can change this at any time\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const SwitchField: React.FC<Props> = ({ label, description, helperText }) => {\n  const field = useTanStackFieldContext<boolean | null>();\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field orientation=\"vertical\" className=\"relative justify-between gap-y-1\">\n        <FieldContent>\n          <FieldTitle className=\"cursor-pointer\">\n            <label htmlFor={field.name}>{label}</label>\n          </FieldTitle>\n          <FieldDescription>{description}</FieldDescription>\n          <Switch\n            id={field.name}\n            checked={field.state.value ?? false}\n            className=\"absolute top-1 right-1\"\n            onBlur={field.handleBlur}\n            onCheckedChange={field.handleChange}\n          />\n        </FieldContent>\n        <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"iVAcA,SAASA,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OACE,EAACC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EACT,OACA,iFACA,kBACA,sCACA,kCACA,uBACA,8BACA,sBAEA,+CAEA,kCACA,8CAEA,uCACA,wCAEA,yCACA,kDACA,uDACA,CACF,EACA,GAAI,EAEJ,SAAA,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EACT,iCACA,+DACA,oDACA,sCACF,CACD,CAAA,CACmB,CAAA,CAE1B,CC7BA,MAAa,GAAgC,CAAE,QAAO,cAAa,gBAAiB,CAClF,IAAM,EAAQ,EAAwC,EAEtD,OACE,EAAC,EAAD,CAAY,UAAU,eAAtB,SAAA,CACE,EAAC,EAAD,CAAO,YAAY,WAAW,UAAU,mCAAxC,SAAA,CACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAY,UAAU,iBACpB,SAAA,EAAC,QAAD,CAAO,QAAS,EAAM,KAAO,SAAA,CAAa,CAAA,CAChC,CAAA,EACZ,EAAC,EAAD,CAAA,SAAmB,CAA8B,CAAA,EACjD,EAACC,EAAD,CACE,GAAI,EAAM,KACV,QAAS,EAAM,MAAM,OAAS,GAC9B,UAAU,yBACV,OAAQ,EAAM,WACd,gBAAiB,EAAM,YACxB,CAAA,CACW,CAAA,CAAA,EACd,EAAC,EAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACnD,CACP,CAAA,EAAA,EAAC,EAAD,CAAiB,CAAA,CACP,GAEhB"}

package/dist/{switch-field-D6CCxaEX.cjs → switch-field-yE4A6EoF.cjs}

@@ -1,2 +1,2 @@
-const e=require("./tanstack-form-Bae0TOEr.cjs"),t=require("./field-BSLi-P0Q.cjs");let n=require("@customafk/react-toolkit/utils"),r=require("react/jsx-runtime"),i=require("radix-ui");function a({className:e,...t}){return(0,r.jsx)(i.Switch.Root,{"data-slot":`switch`,className:(0,n.cn)(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all`,`inline-flex h-5`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`-outline-offset-1 inset-shadow-2xs outline-1`,`data-[state=checked]:bg-primary`,`data-[state=checked]:outline-primary-strong`,`data-[state=unchecked]:bg-muted-weak`,`data-[state=unchecked]:outline-border`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...t,children:(0,r.jsx)(i.Switch.Thumb,{"data-slot":`switch-thumb`,className:(0,n.cn)(`block size-4 bg-card shadow-xs`,`pointer-events-none rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}const o=({label:n,description:i,helperText:o})=>{let s=e.G();return(0,r.jsxs)(t.FieldGroup,{className:`gap-y-4 px-4`,children:[(0,r.jsxs)(t.Field,{orientation:`vertical`,className:`relative justify-between gap-y-1`,children:[(0,r.jsxs)(t.FieldContent,{children:[(0,r.jsx)(t.FieldTitle,{className:`cursor-pointer`,children:(0,r.jsx)(`label`,{htmlFor:s.name,children:n})}),(0,r.jsx)(t.FieldDescription,{children:i}),(0,r.jsx)(a,{id:s.name,checked:s.state.value??!1,className:`absolute top-1 right-1`,onBlur:s.handleBlur,onCheckedChange:s.handleChange})]}),(0,r.jsx)(t.FieldNote,{isShow:!!o,children:o})]}),(0,r.jsx)(t.FieldSeparator,{})]})};exports.SwitchField=o;
-//# sourceMappingURL=switch-field-D6CCxaEX.cjs.map
+const e=require("./tanstack-form-BxqS40rB.cjs"),t=require("./field-BSLi-P0Q.cjs");let n=require("@customafk/react-toolkit/utils"),r=require("react/jsx-runtime"),i=require("radix-ui");function a({className:e,...t}){return(0,r.jsx)(i.Switch.Root,{"data-slot":`switch`,className:(0,n.cn)(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all`,`inline-flex h-5`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`-outline-offset-1 inset-shadow-2xs outline-1`,`data-[state=checked]:bg-primary`,`data-[state=checked]:outline-primary-strong`,`data-[state=unchecked]:bg-muted-weak`,`data-[state=unchecked]:outline-border`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...t,children:(0,r.jsx)(i.Switch.Thumb,{"data-slot":`switch-thumb`,className:(0,n.cn)(`block size-4 bg-card shadow-xs`,`pointer-events-none rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}const o=({label:n,description:i,helperText:o})=>{let s=e.G();return(0,r.jsxs)(t.FieldGroup,{className:`gap-y-4 px-4`,children:[(0,r.jsxs)(t.Field,{orientation:`vertical`,className:`relative justify-between gap-y-1`,children:[(0,r.jsxs)(t.FieldContent,{children:[(0,r.jsx)(t.FieldTitle,{className:`cursor-pointer`,children:(0,r.jsx)(`label`,{htmlFor:s.name,children:n})}),(0,r.jsx)(t.FieldDescription,{children:i}),(0,r.jsx)(a,{id:s.name,checked:s.state.value??!1,className:`absolute top-1 right-1`,onBlur:s.handleBlur,onCheckedChange:s.handleChange})]}),(0,r.jsx)(t.FieldNote,{isShow:!!o,children:o})]}),(0,r.jsx)(t.FieldSeparator,{})]})};exports.SwitchField=o;
+//# sourceMappingURL=switch-field-yE4A6EoF.cjs.map

package/dist/{switch-field-D6CCxaEX.cjs.map → switch-field-yE4A6EoF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"switch-field-D6CCxaEX.cjs","names":["SwitchPrimitive","useTanStackFieldContext","FieldGroup","Field","FieldContent","FieldTitle","FieldDescription","FieldNote","FieldSeparator"],"sources":["../packages/components/features/tanstack-form/components/ui/switch.tsx","../packages/components/features/tanstack-form/components/fields/switch-field.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\n/**\n * Accessible toggle switch built on Radix UI, styled with primary-color checked state and smooth thumb transition.\n *\n * @example\n * import { Switch } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <Switch defaultChecked onCheckedChange={(checked) => console.log(checked)} />\n */\nfunction Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer',\n        'w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all',\n        'inline-flex h-5',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:ring-4',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n\n        '-outline-offset-1 inset-shadow-2xs outline-1',\n\n        'data-[state=checked]:bg-primary',\n        'data-[state=checked]:outline-primary-strong',\n\n        'data-[state=unchecked]:bg-muted-weak',\n        'data-[state=unchecked]:outline-border',\n\n        'data-[state=unchecked]:[&_span]:size-4',\n        'data-[state=unchecked]:[&_span]:translate-x-0.5',\n        'data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'block size-4 bg-card shadow-xs',\n          'pointer-events-none rounded-full ring-0 transition-transform',\n          'data-[state=checked]:translate-x-[calc(100%-3px)]',\n          'data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n","'use client';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport { Field, FieldContent, FieldDescription, FieldGroup, FieldNote, FieldSeparator, FieldTitle } from '../ui/field';\nimport { Switch } from '../ui/switch';\n\nimport type { SwitchFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected boolean toggle field rendered as a labelled switch,\n * positioned absolutely in the top-right corner of the field card.\n *\n * @example\n * import { SwitchField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"notifications\">\n *   {() => (\n *     <SwitchField\n *       label=\"Enable notifications\"\n *       description=\"Receive email alerts for important events\"\n *       helperText=\"You can change this at any time\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const SwitchField: React.FC<Props> = ({ label, description, helperText }) => {\n  const field = useTanStackFieldContext<boolean | null>();\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field orientation=\"vertical\" className=\"relative justify-between gap-y-1\">\n        <FieldContent>\n          <FieldTitle className=\"cursor-pointer\">\n            <label htmlFor={field.name}>{label}</label>\n          </FieldTitle>\n          <FieldDescription>{description}</FieldDescription>\n          <Switch\n            id={field.name}\n            checked={field.state.value ?? false}\n            className=\"absolute top-1 right-1\"\n            onBlur={field.handleBlur}\n            onCheckedChange={field.handleChange}\n          />\n        </FieldContent>\n        <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"uLAcA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,SACV,WAAA,EAAA,EAAA,GAAA,CACE,OACA,iFACA,kBACA,sCACA,kCACA,uBACA,8BACA,sBAEA,+CAEA,kCACA,8CAEA,uCACA,wCAEA,yCACA,kDACA,uDACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CACE,iCACA,+DACA,oDACA,sCACF,CACD,CAAA,CACmB,CAAA,CAE1B,CC7BA,MAAa,GAAgC,CAAE,QAAO,cAAa,gBAAiB,CAClF,IAAM,EAAQC,EAAAA,EAAwC,EAEtD,OACE,EAAA,EAAA,KAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,wBAAtB,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,MAAD,CAAO,YAAY,WAAW,UAAU,4CAAxC,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,2BACpB,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,QAAS,EAAM,cAAO,CAAa,CAAA,CAChC,CAAA,GACZ,EAAA,EAAA,IAAA,CAACC,EAAAA,iBAAD,CAAA,SAAmB,CAA8B,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,GAAI,EAAM,KACV,QAAS,EAAM,MAAM,OAAS,GAC9B,UAAU,yBACV,OAAQ,EAAM,WACd,gBAAiB,EAAM,YACxB,CAAA,CACW,CAAA,CAAA,GACd,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,OAAQ,CAAC,CAAC,WAAa,CAAsB,CAAA,CACnD,KACP,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAiB,CAAA,CACP,GAEhB"}
+{"version":3,"file":"switch-field-yE4A6EoF.cjs","names":["SwitchPrimitive","useTanStackFieldContext","FieldGroup","Field","FieldContent","FieldTitle","FieldDescription","FieldNote","FieldSeparator"],"sources":["../packages/components/features/tanstack-form/components/ui/switch.tsx","../packages/components/features/tanstack-form/components/fields/switch-field.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\n/**\n * Accessible toggle switch built on Radix UI, styled with primary-color checked state and smooth thumb transition.\n *\n * @example\n * import { Switch } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <Switch defaultChecked onCheckedChange={(checked) => console.log(checked)} />\n */\nfunction Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer',\n        'w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all',\n        'inline-flex h-5',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:ring-4',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n\n        '-outline-offset-1 inset-shadow-2xs outline-1',\n\n        'data-[state=checked]:bg-primary',\n        'data-[state=checked]:outline-primary-strong',\n\n        'data-[state=unchecked]:bg-muted-weak',\n        'data-[state=unchecked]:outline-border',\n\n        'data-[state=unchecked]:[&_span]:size-4',\n        'data-[state=unchecked]:[&_span]:translate-x-0.5',\n        'data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'block size-4 bg-card shadow-xs',\n          'pointer-events-none rounded-full ring-0 transition-transform',\n          'data-[state=checked]:translate-x-[calc(100%-3px)]',\n          'data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n","'use client';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport { Field, FieldContent, FieldDescription, FieldGroup, FieldNote, FieldSeparator, FieldTitle } from '../ui/field';\nimport { Switch } from '../ui/switch';\n\nimport type { SwitchFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected boolean toggle field rendered as a labelled switch,\n * positioned absolutely in the top-right corner of the field card.\n *\n * @example\n * import { SwitchField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"notifications\">\n *   {() => (\n *     <SwitchField\n *       label=\"Enable notifications\"\n *       description=\"Receive email alerts for important events\"\n *       helperText=\"You can change this at any time\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const SwitchField: React.FC<Props> = ({ label, description, helperText }) => {\n  const field = useTanStackFieldContext<boolean | null>();\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field orientation=\"vertical\" className=\"relative justify-between gap-y-1\">\n        <FieldContent>\n          <FieldTitle className=\"cursor-pointer\">\n            <label htmlFor={field.name}>{label}</label>\n          </FieldTitle>\n          <FieldDescription>{description}</FieldDescription>\n          <Switch\n            id={field.name}\n            checked={field.state.value ?? false}\n            className=\"absolute top-1 right-1\"\n            onBlur={field.handleBlur}\n            onCheckedChange={field.handleChange}\n          />\n        </FieldContent>\n        <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"uLAcA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,SACV,WAAA,EAAA,EAAA,GAAA,CACE,OACA,iFACA,kBACA,sCACA,kCACA,uBACA,8BACA,sBAEA,+CAEA,kCACA,8CAEA,uCACA,wCAEA,yCACA,kDACA,uDACA,CACF,EACA,GAAI,EAEJ,UAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CACE,iCACA,+DACA,oDACA,sCACF,CACD,CAAA,CACmB,CAAA,CAE1B,CC7BA,MAAa,GAAgC,CAAE,QAAO,cAAa,gBAAiB,CAClF,IAAM,EAAQC,EAAAA,EAAwC,EAEtD,OACE,EAAA,EAAA,KAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,eAAtB,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,MAAD,CAAO,YAAY,WAAW,UAAU,mCAAxC,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,iBACpB,UAAA,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,QAAS,EAAM,KAAO,SAAA,CAAa,CAAA,CAChC,CAAA,GACZ,EAAA,EAAA,IAAA,CAACC,EAAAA,iBAAD,CAAA,SAAmB,CAA8B,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,GAAI,EAAM,KACV,QAAS,EAAM,MAAM,OAAS,GAC9B,UAAU,yBACV,OAAQ,EAAM,WACd,gBAAiB,EAAM,YACxB,CAAA,CACW,CAAA,CAAA,GACd,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACnD,CACP,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAiB,CAAA,CACP,GAEhB"}

package/dist/systems/google.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"google.cjs","names":["GoogleOAuthProvider"],"sources":["../../packages/components/systems/google.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { type CredentialResponse, GoogleOAuthProvider, useGoogleOneTapLogin } from '@react-oauth/google';\n\ntype GoogleProps = {\n  /** When `true`, the Google One Tap prompt is suppressed and no login dialog is shown. */\n  isDisabled: boolean;\n  /** Callback invoked with the verified `CredentialResponse` after a successful Google sign-in. */\n  onGoogleLoginSuccess?: (params: CredentialResponse) => void | Promise<void>;\n};\n\n/**\n * Headless component that activates Google One Tap login and forwards the credential response.\n *\n * Must be rendered inside a `GoogleOAuthProvider` (or use the default export {@link ReactOAuth}\n * which wraps this component automatically).\n *\n * @example\n * ```tsx\n * import { Google } from '@customafk/lunas-ui/systems/google';\n *\n * // Inside a GoogleOAuthProvider tree\n * <Google isDisabled={false} onGoogleLoginSuccess={(cred) => handleLogin(cred)} />\n * ```\n */\nexport const Google: React.FC<GoogleProps> = ({ isDisabled, onGoogleLoginSuccess }) => {\n  const handleSignIn = useCallback(\n    async (response: CredentialResponse) => {\n      if (!response.clientId || !response.credential || !response.select_by) return;\n      await onGoogleLoginSuccess?.({\n        clientId: response.clientId,\n        credential: response.credential,\n        select_by: response.select_by,\n      });\n    },\n    [onGoogleLoginSuccess]\n  );\n  useGoogleOneTapLogin({\n    disabled: isDisabled,\n    use_fedcm_for_prompt: false,\n    onSuccess: handleSignIn,\n  });\n  return null;\n};\n\ntype ReactOAuthProps = {\n  /** Google OAuth 2.0 client ID from the Google Cloud Console. */\n  clientId: string;\n  /** When `true`, the Google One Tap prompt is suppressed. */\n  isDisabled: boolean;\n  /** Callback invoked with the verified `CredentialResponse` after a successful Google sign-in. */\n  onGoogleLoginSuccess?: (params: CredentialResponse) => void | Promise<void>;\n};\n\n/**\n * Convenience wrapper that provides the `GoogleOAuthProvider` context and mounts the {@link Google}\n * One Tap component in a single step.\n *\n * @example\n * ```tsx\n * import ReactOAuth from '@customafk/lunas-ui/systems/google';\n *\n * <ReactOAuth\n *   clientId=\"YOUR_GOOGLE_CLIENT_ID\"\n *   isDisabled={false}\n *   onGoogleLoginSuccess={(cred) => handleLogin(cred)}\n * >\n *   <App />\n * </ReactOAuth>\n * ```\n */\nconst ReactOAuth: React.FC<React.PropsWithChildren<ReactOAuthProps>> = ({ clientId, isDisabled, onGoogleLoginSuccess, children }) => {\n  return (\n    <GoogleOAuthProvider clientId={clientId}>\n      {children}\n      <Google isDisabled={isDisabled} onGoogleLoginSuccess={onGoogleLoginSuccess} />\n    </GoogleOAuthProvider>\n  );\n};\n\nexport default ReactOAuth;\n"],"mappings":"sLAyBA,MAAa,GAAiC,CAAE,aAAY,4BAY1D,EAAA,EAAA,qBAAA,CAAqB,CACnB,SAAU,EACV,qBAAsB,GACtB,WAAA,EAAA,EAAA,YAAA,CAbA,KAAO,IAAiC,CAClC,CAAC,EAAS,UAAY,CAAC,EAAS,YAAc,CAAC,EAAS,WAC5D,MAAM,IAAuB,CAC3B,SAAU,EAAS,SACnB,WAAY,EAAS,WACrB,UAAW,EAAS,SACtB,CAAC,CACH,EACA,CAAC,CAAoB,CAKC,CACxB,CAAC,EACM,MA6BH,GAAkE,CAAE,WAAU,aAAY,uBAAsB,eAElH,EAAA,EAAA,KAAA,CAACA,EAAAA,oBAAD,CAA+B,oBAA/B,CACG,GACD,EAAA,EAAA,IAAA,CAAC,EAAD,CAAoB,aAAkC,sBAAuB,CAAA,CAC1D"}
+{"version":3,"file":"google.cjs","names":["GoogleOAuthProvider"],"sources":["../../packages/components/systems/google.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { type CredentialResponse, GoogleOAuthProvider, useGoogleOneTapLogin } from '@react-oauth/google';\n\ntype GoogleProps = {\n  /** When `true`, the Google One Tap prompt is suppressed and no login dialog is shown. */\n  isDisabled: boolean;\n  /** Callback invoked with the verified `CredentialResponse` after a successful Google sign-in. */\n  onGoogleLoginSuccess?: (params: CredentialResponse) => void | Promise<void>;\n};\n\n/**\n * Headless component that activates Google One Tap login and forwards the credential response.\n *\n * Must be rendered inside a `GoogleOAuthProvider` (or use the default export {@link ReactOAuth}\n * which wraps this component automatically).\n *\n * @example\n * ```tsx\n * import { Google } from '@customafk/lunas-ui/systems/google';\n *\n * // Inside a GoogleOAuthProvider tree\n * <Google isDisabled={false} onGoogleLoginSuccess={(cred) => handleLogin(cred)} />\n * ```\n */\nexport const Google: React.FC<GoogleProps> = ({ isDisabled, onGoogleLoginSuccess }) => {\n  const handleSignIn = useCallback(\n    async (response: CredentialResponse) => {\n      if (!response.clientId || !response.credential || !response.select_by) return;\n      await onGoogleLoginSuccess?.({\n        clientId: response.clientId,\n        credential: response.credential,\n        select_by: response.select_by,\n      });\n    },\n    [onGoogleLoginSuccess]\n  );\n  useGoogleOneTapLogin({\n    disabled: isDisabled,\n    use_fedcm_for_prompt: false,\n    onSuccess: handleSignIn,\n  });\n  return null;\n};\n\ntype ReactOAuthProps = {\n  /** Google OAuth 2.0 client ID from the Google Cloud Console. */\n  clientId: string;\n  /** When `true`, the Google One Tap prompt is suppressed. */\n  isDisabled: boolean;\n  /** Callback invoked with the verified `CredentialResponse` after a successful Google sign-in. */\n  onGoogleLoginSuccess?: (params: CredentialResponse) => void | Promise<void>;\n};\n\n/**\n * Convenience wrapper that provides the `GoogleOAuthProvider` context and mounts the {@link Google}\n * One Tap component in a single step.\n *\n * @example\n * ```tsx\n * import ReactOAuth from '@customafk/lunas-ui/systems/google';\n *\n * <ReactOAuth\n *   clientId=\"YOUR_GOOGLE_CLIENT_ID\"\n *   isDisabled={false}\n *   onGoogleLoginSuccess={(cred) => handleLogin(cred)}\n * >\n *   <App />\n * </ReactOAuth>\n * ```\n */\nconst ReactOAuth: React.FC<React.PropsWithChildren<ReactOAuthProps>> = ({ clientId, isDisabled, onGoogleLoginSuccess, children }) => {\n  return (\n    <GoogleOAuthProvider clientId={clientId}>\n      {children}\n      <Google isDisabled={isDisabled} onGoogleLoginSuccess={onGoogleLoginSuccess} />\n    </GoogleOAuthProvider>\n  );\n};\n\nexport default ReactOAuth;\n"],"mappings":"sLAyBA,MAAa,GAAiC,CAAE,aAAY,4BAY1D,EAAA,EAAA,qBAAA,CAAqB,CACnB,SAAU,EACV,qBAAsB,GACtB,WAAA,EAAA,EAAA,YAAA,CAbA,KAAO,IAAiC,CAClC,CAAC,EAAS,UAAY,CAAC,EAAS,YAAc,CAAC,EAAS,WAC5D,MAAM,IAAuB,CAC3B,SAAU,EAAS,SACnB,WAAY,EAAS,WACrB,UAAW,EAAS,SACtB,CAAC,CACH,EACA,CAAC,CAAoB,CAKC,CACxB,CAAC,EACM,MA6BH,GAAkE,CAAE,WAAU,aAAY,uBAAsB,eAElH,EAAA,EAAA,KAAA,CAACA,EAAAA,oBAAD,CAA+B,WAA/B,SAAA,CACG,GACD,EAAA,EAAA,IAAA,CAAC,EAAD,CAAoB,aAAkC,sBAAuB,CAAA,CAC1D"}

package/dist/systems/google.d.cts

@@ -1,2 +1,2 @@
-import { n as ReactOAuth, t as Google } from "../google-Bl-jBW8L.cjs";
+import { n as ReactOAuth, t as Google } from "../google-vajkoOiC.cjs";
 export { Google, ReactOAuth as default };

package/dist/systems/google.d.mts

@@ -1,2 +1,2 @@
-import { n as ReactOAuth, t as Google } from "../google-Bl-jBW8L.mjs";
+import { n as ReactOAuth, t as Google } from "../google-vajkoOiC.mjs";
 export { Google, ReactOAuth as default };

package/dist/systems/google.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"google.mjs","names":[],"sources":["../../packages/components/systems/google.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { type CredentialResponse, GoogleOAuthProvider, useGoogleOneTapLogin } from '@react-oauth/google';\n\ntype GoogleProps = {\n  /** When `true`, the Google One Tap prompt is suppressed and no login dialog is shown. */\n  isDisabled: boolean;\n  /** Callback invoked with the verified `CredentialResponse` after a successful Google sign-in. */\n  onGoogleLoginSuccess?: (params: CredentialResponse) => void | Promise<void>;\n};\n\n/**\n * Headless component that activates Google One Tap login and forwards the credential response.\n *\n * Must be rendered inside a `GoogleOAuthProvider` (or use the default export {@link ReactOAuth}\n * which wraps this component automatically).\n *\n * @example\n * ```tsx\n * import { Google } from '@customafk/lunas-ui/systems/google';\n *\n * // Inside a GoogleOAuthProvider tree\n * <Google isDisabled={false} onGoogleLoginSuccess={(cred) => handleLogin(cred)} />\n * ```\n */\nexport const Google: React.FC<GoogleProps> = ({ isDisabled, onGoogleLoginSuccess }) => {\n  const handleSignIn = useCallback(\n    async (response: CredentialResponse) => {\n      if (!response.clientId || !response.credential || !response.select_by) return;\n      await onGoogleLoginSuccess?.({\n        clientId: response.clientId,\n        credential: response.credential,\n        select_by: response.select_by,\n      });\n    },\n    [onGoogleLoginSuccess]\n  );\n  useGoogleOneTapLogin({\n    disabled: isDisabled,\n    use_fedcm_for_prompt: false,\n    onSuccess: handleSignIn,\n  });\n  return null;\n};\n\ntype ReactOAuthProps = {\n  /** Google OAuth 2.0 client ID from the Google Cloud Console. */\n  clientId: string;\n  /** When `true`, the Google One Tap prompt is suppressed. */\n  isDisabled: boolean;\n  /** Callback invoked with the verified `CredentialResponse` after a successful Google sign-in. */\n  onGoogleLoginSuccess?: (params: CredentialResponse) => void | Promise<void>;\n};\n\n/**\n * Convenience wrapper that provides the `GoogleOAuthProvider` context and mounts the {@link Google}\n * One Tap component in a single step.\n *\n * @example\n * ```tsx\n * import ReactOAuth from '@customafk/lunas-ui/systems/google';\n *\n * <ReactOAuth\n *   clientId=\"YOUR_GOOGLE_CLIENT_ID\"\n *   isDisabled={false}\n *   onGoogleLoginSuccess={(cred) => handleLogin(cred)}\n * >\n *   <App />\n * </ReactOAuth>\n * ```\n */\nconst ReactOAuth: React.FC<React.PropsWithChildren<ReactOAuthProps>> = ({ clientId, isDisabled, onGoogleLoginSuccess, children }) => {\n  return (\n    <GoogleOAuthProvider clientId={clientId}>\n      {children}\n      <Google isDisabled={isDisabled} onGoogleLoginSuccess={onGoogleLoginSuccess} />\n    </GoogleOAuthProvider>\n  );\n};\n\nexport default ReactOAuth;\n"],"mappings":"0KAyBA,MAAa,GAAiC,CAAE,aAAY,2BAY1D,EAAqB,CACnB,SAAU,EACV,qBAAsB,GACtB,UAdmB,EACnB,KAAO,IAAiC,CAClC,CAAC,EAAS,UAAY,CAAC,EAAS,YAAc,CAAC,EAAS,WAC5D,MAAM,IAAuB,CAC3B,SAAU,EAAS,SACnB,WAAY,EAAS,WACrB,UAAW,EAAS,SACtB,CAAC,CACH,EACA,CAAC,CAAoB,CAKC,CACxB,CAAC,EACM,MA6BH,GAAkE,CAAE,WAAU,aAAY,uBAAsB,cAElH,EAAC,EAAD,CAA+B,oBAA/B,CACG,EACD,EAAC,EAAD,CAAoB,aAAkC,sBAAuB,CAAA,CAC1D"}
+{"version":3,"file":"google.mjs","names":[],"sources":["../../packages/components/systems/google.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { type CredentialResponse, GoogleOAuthProvider, useGoogleOneTapLogin } from '@react-oauth/google';\n\ntype GoogleProps = {\n  /** When `true`, the Google One Tap prompt is suppressed and no login dialog is shown. */\n  isDisabled: boolean;\n  /** Callback invoked with the verified `CredentialResponse` after a successful Google sign-in. */\n  onGoogleLoginSuccess?: (params: CredentialResponse) => void | Promise<void>;\n};\n\n/**\n * Headless component that activates Google One Tap login and forwards the credential response.\n *\n * Must be rendered inside a `GoogleOAuthProvider` (or use the default export {@link ReactOAuth}\n * which wraps this component automatically).\n *\n * @example\n * ```tsx\n * import { Google } from '@customafk/lunas-ui/systems/google';\n *\n * // Inside a GoogleOAuthProvider tree\n * <Google isDisabled={false} onGoogleLoginSuccess={(cred) => handleLogin(cred)} />\n * ```\n */\nexport const Google: React.FC<GoogleProps> = ({ isDisabled, onGoogleLoginSuccess }) => {\n  const handleSignIn = useCallback(\n    async (response: CredentialResponse) => {\n      if (!response.clientId || !response.credential || !response.select_by) return;\n      await onGoogleLoginSuccess?.({\n        clientId: response.clientId,\n        credential: response.credential,\n        select_by: response.select_by,\n      });\n    },\n    [onGoogleLoginSuccess]\n  );\n  useGoogleOneTapLogin({\n    disabled: isDisabled,\n    use_fedcm_for_prompt: false,\n    onSuccess: handleSignIn,\n  });\n  return null;\n};\n\ntype ReactOAuthProps = {\n  /** Google OAuth 2.0 client ID from the Google Cloud Console. */\n  clientId: string;\n  /** When `true`, the Google One Tap prompt is suppressed. */\n  isDisabled: boolean;\n  /** Callback invoked with the verified `CredentialResponse` after a successful Google sign-in. */\n  onGoogleLoginSuccess?: (params: CredentialResponse) => void | Promise<void>;\n};\n\n/**\n * Convenience wrapper that provides the `GoogleOAuthProvider` context and mounts the {@link Google}\n * One Tap component in a single step.\n *\n * @example\n * ```tsx\n * import ReactOAuth from '@customafk/lunas-ui/systems/google';\n *\n * <ReactOAuth\n *   clientId=\"YOUR_GOOGLE_CLIENT_ID\"\n *   isDisabled={false}\n *   onGoogleLoginSuccess={(cred) => handleLogin(cred)}\n * >\n *   <App />\n * </ReactOAuth>\n * ```\n */\nconst ReactOAuth: React.FC<React.PropsWithChildren<ReactOAuthProps>> = ({ clientId, isDisabled, onGoogleLoginSuccess, children }) => {\n  return (\n    <GoogleOAuthProvider clientId={clientId}>\n      {children}\n      <Google isDisabled={isDisabled} onGoogleLoginSuccess={onGoogleLoginSuccess} />\n    </GoogleOAuthProvider>\n  );\n};\n\nexport default ReactOAuth;\n"],"mappings":"0KAyBA,MAAa,GAAiC,CAAE,aAAY,2BAY1D,EAAqB,CACnB,SAAU,EACV,qBAAsB,GACtB,UAdmB,EACnB,KAAO,IAAiC,CAClC,CAAC,EAAS,UAAY,CAAC,EAAS,YAAc,CAAC,EAAS,WAC5D,MAAM,IAAuB,CAC3B,SAAU,EAAS,SACnB,WAAY,EAAS,WACrB,UAAW,EAAS,SACtB,CAAC,CACH,EACA,CAAC,CAAoB,CAKC,CACxB,CAAC,EACM,MA6BH,GAAkE,CAAE,WAAU,aAAY,uBAAsB,cAElH,EAAC,EAAD,CAA+B,WAA/B,SAAA,CACG,EACD,EAAC,EAAD,CAAoB,aAAkC,sBAAuB,CAAA,CAC1D"}

package/dist/{table-Dg2D0v87.d.cts → table-D354-TpC.d.cts}

@@ -26,45 +26,21 @@
  * </Table>
  * ```
  */
-declare const Table: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"table">) => import("react").JSX.Element>;
+declare const Table: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"table">) => import("react").JSX.Element>;
 /** The `<thead>` element containing one or more header rows. */
-declare const TableHeader: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"thead">) => import("react").JSX.Element>;
+declare const TableHeader: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"thead">) => import("react").JSX.Element>;
 /** The `<tbody>` element containing data rows with hover and selection styling. */
-declare const TableBody: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"tbody">) => import("react").JSX.Element>;
+declare const TableBody: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"tbody">) => import("react").JSX.Element>;
 /** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
-declare const TableFooter: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"tfoot">) => import("react").JSX.Element>;
+declare const TableFooter: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"tfoot">) => import("react").JSX.Element>;
 /** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
-declare const TableRow: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"tr">) => import("react").JSX.Element>;
+declare const TableRow: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"tr">) => import("react").JSX.Element>;
 /** A `<th>` column header cell with medium-weight text and left alignment. */
-declare const TableHead: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"th">) => import("react").JSX.Element>;
+declare const TableHead: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"th">) => import("react").JSX.Element>;
 /** A standard `<td>` data cell used inside a TableRow. */
-declare const TableCell: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"td">) => import("react").JSX.Element>;
+declare const TableCell: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"td">) => import("react").JSX.Element>;
 /** An accessible `<caption>` element displayed below the table. */
-declare const TableCaption: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"caption">) => import("react").JSX.Element>;
+declare const TableCaption: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"caption">) => import("react").JSX.Element>;
 //#endregion
 export { TableFooter as a, TableRow as c, TableCell as i, TableBody as n, TableHead as o, TableCaption as r, TableHeader as s, Table as t };
-//# sourceMappingURL=table-Dg2D0v87.d.cts.map
+//# sourceMappingURL=table-D354-TpC.d.cts.map

package/dist/{table-Dg2D0v87.d.mts → table-D354-TpC.d.mts}

@@ -26,45 +26,21 @@
  * </Table>
  * ```
  */
-declare const Table: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"table">) => import("react").JSX.Element>;
+declare const Table: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"table">) => import("react").JSX.Element>;
 /** The `<thead>` element containing one or more header rows. */
-declare const TableHeader: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"thead">) => import("react").JSX.Element>;
+declare const TableHeader: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"thead">) => import("react").JSX.Element>;
 /** The `<tbody>` element containing data rows with hover and selection styling. */
-declare const TableBody: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"tbody">) => import("react").JSX.Element>;
+declare const TableBody: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"tbody">) => import("react").JSX.Element>;
 /** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
-declare const TableFooter: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"tfoot">) => import("react").JSX.Element>;
+declare const TableFooter: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"tfoot">) => import("react").JSX.Element>;
 /** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
-declare const TableRow: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"tr">) => import("react").JSX.Element>;
+declare const TableRow: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"tr">) => import("react").JSX.Element>;
 /** A `<th>` column header cell with medium-weight text and left alignment. */
-declare const TableHead: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"th">) => import("react").JSX.Element>;
+declare const TableHead: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"th">) => import("react").JSX.Element>;
 /** A standard `<td>` data cell used inside a TableRow. */
-declare const TableCell: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"td">) => import("react").JSX.Element>;
+declare const TableCell: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"td">) => import("react").JSX.Element>;
 /** An accessible `<caption>` element displayed below the table. */
-declare const TableCaption: import("react").MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"caption">) => import("react").JSX.Element>;
+declare const TableCaption: import("react").MemoExoticComponent<({ className, ...props }: React.ComponentProps<"caption">) => import("react").JSX.Element>;
 //#endregion
 export { TableFooter as a, TableRow as c, TableCell as i, TableBody as n, TableHead as o, TableCaption as r, TableHeader as s, Table as t };
-//# sourceMappingURL=table-Dg2D0v87.d.mts.map
+//# sourceMappingURL=table-D354-TpC.d.mts.map