@customafk/lunas-ui 0.2.74 → 0.2.76

package/dist/alert-D31c6DLq.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert-D31c6DLq.cjs","names":["AlertCircle","AlertTriangle","CheckCircle","Info","X"],"sources":["../packages/components/ui/alert-variants.ts","../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive:\n          'bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong',\n        warning:\n          'bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong',\n        success:\n          'bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong',\n        info: 'bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\n/**\n * Props for the Alert component.\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert; defaults to a variant-appropriate icon when omitted.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback invoked when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Displays a contextual feedback message with optional icon, title, description, and dismiss button.\n *\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription } from '@customafk/lunas-ui/ui/alert';\n *\n * <Alert variant=\"success\" dismissible onDismiss={() => setOpen(false)}>\n *   <AlertTitle>Saved successfully</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Props for the AlertTitle component.\n */\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements to display.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the bold title line inside an Alert.\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\n/**\n * Props for the AlertDescription component.\n */\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Descriptive text or elements displayed below the title.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the supporting body text inside an Alert.\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"kKAKA,MAAa,GAAA,EAAA,EAAA,IAAA,CACX,CACE,iFACA,oBACA,qDACA,8DACA,gCACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,kIACR,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,ECUA,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,GAAA,EAAA,EAAA,QAAA,KAA4B,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAD,CAAc,CAAA,EACvB,IAAK,UACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAgB,CAAA,EACzB,IAAK,UACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAc,CAAA,EACvB,IAAK,OACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,KAAD,CAAO,CAAA,EAChB,QACE,OAAO,IACX,CAEF,OAAO,CACT,EAAG,CAAC,EAAM,CAAO,CAAC,EAElB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,WAAA,EAAA,EAAA,GAAA,CAAc,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,WAArH,CACG,EACA,EACA,IACC,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,wBAEV,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAG,KAAM,EAAK,CAAA,CACR,CAAA,CAEP,GAET,CAeA,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,GAAA,CAAc,8DAA+D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3I,CAeA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,oBACV,WAAA,EAAA,EAAA,GAAA,CAAc,mGAAoG,CAAS,EAC3H,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"alert-D31c6DLq.cjs","names":["AlertCircle","AlertTriangle","CheckCircle","Info","X"],"sources":["../packages/components/ui/alert-variants.ts","../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive:\n          'bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong',\n        warning:\n          'bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong',\n        success:\n          'bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong',\n        info: 'bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\n/**\n * Props for the Alert component.\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert; defaults to a variant-appropriate icon when omitted.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback invoked when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Displays a contextual feedback message with optional icon, title, description, and dismiss button.\n *\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription } from '@customafk/lunas-ui/ui/alert';\n *\n * <Alert variant=\"success\" dismissible onDismiss={() => setOpen(false)}>\n *   <AlertTitle>Saved successfully</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Props for the AlertTitle component.\n */\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements to display.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the bold title line inside an Alert.\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\n/**\n * Props for the AlertDescription component.\n */\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Descriptive text or elements displayed below the title.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the supporting body text inside an Alert.\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"kKAKA,MAAa,GAAA,EAAA,EAAA,IAAA,CACX,CACE,iFACA,oBACA,qDACA,8DACA,gCACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,kIACR,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,ECUA,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,GAAA,EAAA,EAAA,QAAA,KAA4B,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAD,CAAc,CAAA,EACvB,IAAK,UACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAgB,CAAA,EACzB,IAAK,UACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAc,CAAA,EACvB,IAAK,OACH,OAAO,EAAA,EAAA,IAAA,CAACC,EAAAA,KAAD,CAAO,CAAA,EAChB,QACE,OAAO,IACX,CAEF,OAAO,CACT,EAAG,CAAC,EAAM,CAAO,CAAC,EAElB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,WAAA,EAAA,EAAA,GAAA,CAAc,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,EAArH,SAAA,CACG,EACA,EACA,IACC,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,cAEV,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAG,KAAM,EAAK,CAAA,CACR,CAAA,CAEP,GAET,CAeA,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,GAAA,CAAc,8DAA+D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3I,CAeA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,oBACV,WAAA,EAAA,EAAA,GAAA,CAAc,mGAAoG,CAAS,EAC3H,GAAI,CACL,CAAA,CAEL"}

package/dist/alert-OD1KJTEV.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert-OD1KJTEV.mjs","names":[],"sources":["../packages/components/ui/alert-variants.ts","../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive:\n          'bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong',\n        warning:\n          'bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong',\n        success:\n          'bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong',\n        info: 'bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\n/**\n * Props for the Alert component.\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert; defaults to a variant-appropriate icon when omitted.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback invoked when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Displays a contextual feedback message with optional icon, title, description, and dismiss button.\n *\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription } from '@customafk/lunas-ui/ui/alert';\n *\n * <Alert variant=\"success\" dismissible onDismiss={() => setOpen(false)}>\n *   <AlertTitle>Saved successfully</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Props for the AlertTitle component.\n */\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements to display.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the bold title line inside an Alert.\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\n/**\n * Props for the AlertDescription component.\n */\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Descriptive text or elements displayed below the title.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the supporting body text inside an Alert.\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"qRAKA,MAAa,EAAgB,EAC3B,CACE,iFACA,oBACA,qDACA,8DACA,gCACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,kIACR,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,ECUA,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,EAAc,MAAc,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAC,EAAD,CAAc,CAAA,EACvB,IAAK,UACH,OAAO,EAAC,EAAD,CAAgB,CAAA,EACzB,IAAK,UACH,OAAO,EAAC,EAAD,CAAc,CAAA,EACvB,IAAK,OACH,OAAO,EAAC,EAAD,CAAO,CAAA,EAChB,QACE,OAAO,IACX,CAEF,OAAO,CACT,EAAG,CAAC,EAAM,CAAO,CAAC,EAElB,OACE,EAAC,MAAD,CAAK,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,UAAW,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,WAArH,CACG,EACA,EACA,GACC,EAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,uBAEV,EAAC,EAAD,CAAG,KAAM,EAAK,CAAA,CACR,CAAA,CAEP,GAET,CAeA,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAD,CAAK,YAAU,cAAc,UAAW,EAAG,8DAA+D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3I,CAeA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAD,CACE,YAAU,oBACV,UAAW,EAAG,mGAAoG,CAAS,EAC3H,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"alert-OD1KJTEV.mjs","names":[],"sources":["../packages/components/ui/alert-variants.ts","../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive:\n          'bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong',\n        warning:\n          'bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong',\n        success:\n          'bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong',\n        info: 'bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\n/**\n * Props for the Alert component.\n */\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert; defaults to a variant-appropriate icon when omitted.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed by the user.\n   */\n  dismissible?: boolean;\n  /**\n   * Callback invoked when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Displays a contextual feedback message with optional icon, title, description, and dismiss button.\n *\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription } from '@customafk/lunas-ui/ui/alert';\n *\n * <Alert variant=\"success\" dismissible onDismiss={() => setOpen(false)}>\n *   <AlertTitle>Saved successfully</AlertTitle>\n *   <AlertDescription>Your changes have been saved.</AlertDescription>\n * </Alert>\n * ```\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Props for the AlertTitle component.\n */\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements to display.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the bold title line inside an Alert.\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\n/**\n * Props for the AlertDescription component.\n */\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Descriptive text or elements displayed below the title.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Renders the supporting body text inside an Alert.\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"qRAKA,MAAa,EAAgB,EAC3B,CACE,iFACA,oBACA,qDACA,8DACA,gCACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,kIACR,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,ECUA,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,EAAc,MAAc,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAC,EAAD,CAAc,CAAA,EACvB,IAAK,UACH,OAAO,EAAC,EAAD,CAAgB,CAAA,EACzB,IAAK,UACH,OAAO,EAAC,EAAD,CAAc,CAAA,EACvB,IAAK,OACH,OAAO,EAAC,EAAD,CAAO,CAAA,EAChB,QACE,OAAO,IACX,CAEF,OAAO,CACT,EAAG,CAAC,EAAM,CAAO,CAAC,EAElB,OACE,EAAC,MAAD,CAAK,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,UAAW,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,EAArH,SAAA,CACG,EACA,EACA,GACC,EAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,cAEV,SAAA,EAAC,EAAD,CAAG,KAAM,EAAK,CAAA,CACR,CAAA,CAEP,GAET,CAeA,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAD,CAAK,YAAU,cAAc,UAAW,EAAG,8DAA+D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3I,CAeA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAD,CACE,YAAU,oBACV,UAAW,EAAG,mGAAoG,CAAS,EAC3H,GAAI,CACL,CAAA,CAEL"}

package/dist/{alert-dialog-Cdhz7jSj.d.cts → alert-dialog-8aDimwPK.d.cts}

@@ -1,5 +1,4 @@
 import { AlertDialog } from "radix-ui";
-
 //#region packages/components/ui/alert-dialog.d.ts
 /**
  * Accessible alert dialog built on Radix UI's AlertDialog primitives, requiring explicit user confirmation before a destructive action can proceed.
@@ -32,57 +31,27 @@ import { AlertDialog } from "radix-ui";
  * </AlertDialog>
  * ```
  */
-declare function AlertDialog$1({
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Root>): import("react").JSX.Element;
+declare function AlertDialog$1({ ...props }: React.ComponentProps<typeof AlertDialog.Root>): import("react").JSX.Element;
 /** Element that opens the alert dialog when clicked; typically wrapped with `asChild` around a `Button`. */
-declare function AlertDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Trigger>): import("react").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog.Trigger>): import("react").JSX.Element;
 /** Renders alert dialog overlay and content into a portal outside the normal React tree. */
-declare function AlertDialogPortal({
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Portal>): import("react").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog.Portal>): import("react").JSX.Element;
 /** Semi-transparent backdrop rendered behind the alert dialog panel; pointer events are disabled to prevent accidental dismissal. */
-declare function AlertDialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Overlay>): import("react").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog.Overlay>): import("react").JSX.Element;
 /** Animated panel that contains the alert dialog body; renders via `AlertDialogPortal` over `AlertDialogOverlay`. */
-declare function AlertDialogContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Content>): import("react").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog.Content>): import("react").JSX.Element;
 /** Layout wrapper for the alert dialog title and description. */
-declare function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Layout wrapper for the cancel and action buttons at the bottom of the alert dialog. */
-declare function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Accessible heading for the alert dialog, styled with the h3 heading variant. */
-declare function AlertDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Title>): import("react").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog.Title>): import("react").JSX.Element;
 /** Muted supporting text that explains the consequences of the destructive action. */
-declare function AlertDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Description>): import("react").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog.Description>): import("react").JSX.Element;
 /** Confirm button that closes the dialog and proceeds with the action; auto-focused and styled as the primary action. */
-declare function AlertDialogAction({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Action>): import("react").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog.Action>): import("react").JSX.Element;
 /** Cancel button that closes the alert dialog without performing the destructive action. */
-declare function AlertDialogCancel({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Cancel>): import("react").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog.Cancel>): import("react").JSX.Element;
 //#endregion
 export { AlertDialogDescription as a, AlertDialogOverlay as c, AlertDialogTrigger as d, AlertDialogContent as i, AlertDialogPortal as l, AlertDialogAction as n, AlertDialogFooter as o, AlertDialogCancel as r, AlertDialogHeader as s, AlertDialog$1 as t, AlertDialogTitle as u };
-//# sourceMappingURL=alert-dialog-Cdhz7jSj.d.cts.map
+//# sourceMappingURL=alert-dialog-8aDimwPK.d.cts.map

package/dist/{alert-dialog-Cdhz7jSj.d.mts → alert-dialog-8aDimwPK.d.mts}

@@ -1,5 +1,4 @@
 import { AlertDialog } from "radix-ui";
-
 //#region packages/components/ui/alert-dialog.d.ts
 /**
  * Accessible alert dialog built on Radix UI's AlertDialog primitives, requiring explicit user confirmation before a destructive action can proceed.
@@ -32,57 +31,27 @@ import { AlertDialog } from "radix-ui";
  * </AlertDialog>
  * ```
  */
-declare function AlertDialog$1({
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Root>): import("react").JSX.Element;
+declare function AlertDialog$1({ ...props }: React.ComponentProps<typeof AlertDialog.Root>): import("react").JSX.Element;
 /** Element that opens the alert dialog when clicked; typically wrapped with `asChild` around a `Button`. */
-declare function AlertDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Trigger>): import("react").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialog.Trigger>): import("react").JSX.Element;
 /** Renders alert dialog overlay and content into a portal outside the normal React tree. */
-declare function AlertDialogPortal({
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Portal>): import("react").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialog.Portal>): import("react").JSX.Element;
 /** Semi-transparent backdrop rendered behind the alert dialog panel; pointer events are disabled to prevent accidental dismissal. */
-declare function AlertDialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Overlay>): import("react").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialog.Overlay>): import("react").JSX.Element;
 /** Animated panel that contains the alert dialog body; renders via `AlertDialogPortal` over `AlertDialogOverlay`. */
-declare function AlertDialogContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Content>): import("react").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialog.Content>): import("react").JSX.Element;
 /** Layout wrapper for the alert dialog title and description. */
-declare function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Layout wrapper for the cancel and action buttons at the bottom of the alert dialog. */
-declare function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Accessible heading for the alert dialog, styled with the h3 heading variant. */
-declare function AlertDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Title>): import("react").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialog.Title>): import("react").JSX.Element;
 /** Muted supporting text that explains the consequences of the destructive action. */
-declare function AlertDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Description>): import("react").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialog.Description>): import("react").JSX.Element;
 /** Confirm button that closes the dialog and proceeds with the action; auto-focused and styled as the primary action. */
-declare function AlertDialogAction({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Action>): import("react").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialog.Action>): import("react").JSX.Element;
 /** Cancel button that closes the alert dialog without performing the destructive action. */
-declare function AlertDialogCancel({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog.Cancel>): import("react").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialog.Cancel>): import("react").JSX.Element;
 //#endregion
 export { AlertDialogDescription as a, AlertDialogOverlay as c, AlertDialogTrigger as d, AlertDialogContent as i, AlertDialogPortal as l, AlertDialogAction as n, AlertDialogFooter as o, AlertDialogCancel as r, AlertDialogHeader as s, AlertDialog$1 as t, AlertDialogTitle as u };
-//# sourceMappingURL=alert-dialog-Cdhz7jSj.d.mts.map
+//# sourceMappingURL=alert-dialog-8aDimwPK.d.mts.map

package/dist/analysis-panel-BqZmOU58.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"analysis-panel-BqZmOU58.mjs","names":[],"sources":["../packages/components/features/tables/components/table/analysis-panel.tsx"],"sourcesContent":["'use client';\nimport { memo, useMemo } from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Statistic } from '@/components/data-display/statistic';\nimport type { AnyEntity } from '@/types';\nimport { useUITableAnalysisContext, useUITableBodyContext, useUITableContext } from '../../hooks/use-context';\nimport type { ColumnAggregation, ColumnAggregationType } from '../../types';\nimport { computeAggregation, extractNumericValues } from '../../utils/aggregation';\n\ntype AggregationLabel = {\n  colId: string;\n  header: string;\n  aggregation: ColumnAggregation;\n  allValue: number;\n  selectedValue: number | null;\n};\n\nconst typeLabels: Record<ColumnAggregationType, string> = {\n  sum: 'Tổng',\n  avg: 'Trung bình',\n  count: 'Đếm',\n  min: 'Nhỏ nhất',\n  max: 'Lớn nhất',\n};\n\nexport const UITableAnalysisPanel = memo(() => {\n  const { table, totalRows } = useUITableContext();\n  const { rowSelectionState } = useUITableBodyContext();\n  const { isOpen, toggle } = useUITableAnalysisContext();\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: row model\n  const allRows = useMemo(() => table.getRowModel().rows, [table]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: selected rows\n  const selectedRows = useMemo(() => table.getSelectedRowModel().flatRows, [table, rowSelectionState]);\n\n  const headers = useMemo(() => table.getHeaderGroups()[0]?.headers ?? [], [table]);\n\n  const aggregationRows = useMemo<AggregationLabel[]>(() => {\n    return headers\n      .filter(h => !['select', 'actions'].includes(h.id))\n      .flatMap(header => {\n        const agg = (header.column.columnDef.meta as AnyEntity)?.aggregation as ColumnAggregation | undefined;\n        if (!agg) return [];\n\n        const headerText = agg.label ?? (typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.id);\n\n        const allValues = extractNumericValues(allRows, header.id);\n        const selectedValues = selectedRows.length > 0 ? extractNumericValues(selectedRows, header.id) : null;\n\n        return [\n          {\n            colId: header.id,\n            header: headerText,\n            aggregation: agg,\n            allValue: computeAggregation(allRows.length, allValues, agg.type),\n            selectedValue: selectedValues !== null ? computeAggregation(selectedRows.length, selectedValues, agg.type) : null,\n          },\n        ];\n      });\n  }, [headers, allRows, selectedRows]);\n\n  return (\n    <div data-slot=\"table-analysis-panel\" className=\"w-full border-t border-border\">\n      <button\n        type=\"button\"\n        className={cn(\n          'flex w-full items-center justify-between px-4 py-2 text-sm font-medium text-text-positive',\n          'hover:bg-muted-bg-subtle transition-colors outline-none',\n          'focus-visible:ring-2 focus-visible:ring-primary-weak'\n        )}\n        onClick={toggle}\n        aria-expanded={isOpen}\n      >\n        <span>Tổng quan dữ liệu</span>\n        {isOpen ? <ChevronUpIcon size={14} /> : <ChevronDownIcon size={14} />}\n      </button>\n\n      {isOpen && (\n        <div className=\"px-4 pb-4 pt-2 space-y-4\">\n          {/* Row summary */}\n          <div className=\"flex flex-wrap gap-4\">\n            <StatChip label=\"Tổng bản ghi\" value={totalRows ?? allRows.length} />\n            <StatChip label=\"Hàng hiển thị\" value={allRows.length} />\n            <StatChip label=\"Hàng đã chọn\" value={selectedRows.length} highlight={selectedRows.length > 0} />\n          </div>\n\n          {/* Column aggregations */}\n          {aggregationRows.length > 0 && (\n            <div>\n              <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-positive-weak\">Tóm tắt cột</p>\n              <div className=\"overflow-x-auto rounded-md border border-border\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border bg-muted-bg-subtle text-xs text-text-positive-weak\">\n                      <th className=\"px-3 py-2 text-left font-medium\">Cột</th>\n                      <th className=\"px-3 py-2 text-left font-medium\">Kiểu</th>\n                      <th className=\"px-3 py-2 text-right font-medium\">Tất cả hàng</th>\n                      {selectedRows.length > 0 && <th className=\"px-3 py-2 text-right font-medium\">Hàng đã chọn</th>}\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {aggregationRows.map((row, idx) => (\n                      <tr key={row.colId} className={cn('border-b border-border last:border-b-0', idx % 2 === 1 && 'bg-muted-bg-subtle/50')}>\n                        <td className=\"px-3 py-2 text-text-positive font-medium\">{row.header}</td>\n                        <td className=\"px-3 py-2 text-text-positive-weak\">{typeLabels[row.aggregation.type]}</td>\n                        <td className=\"px-3 py-2 text-right\">\n                          <Statistic\n                            value={row.allValue}\n                            prefix={row.aggregation.prefix}\n                            suffix={row.aggregation.suffix}\n                            precision={row.aggregation.precision}\n                            size=\"sm\"\n                          />\n                        </td>\n                        {selectedRows.length > 0 && (\n                          <td className=\"px-3 py-2 text-right\">\n                            {row.selectedValue !== null ? (\n                              <Statistic\n                                value={row.selectedValue}\n                                prefix={row.aggregation.prefix}\n                                suffix={row.aggregation.suffix}\n                                precision={row.aggregation.precision}\n                                size=\"sm\"\n                              />\n                            ) : (\n                              <span className=\"text-text-positive-weak\">—</span>\n                            )}\n                          </td>\n                        )}\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\nUITableAnalysisPanel.displayName = 'UITableAnalysisPanel';\n\nconst StatChip = memo<{ label: string; value: number; highlight?: boolean }>(({ label, value, highlight }) => (\n  <div\n    className={cn(\n      'flex flex-col gap-0.5 rounded border px-3 py-2 min-w-25 bg-white',\n      highlight && value > 0 ? 'border-primary bg-primary-bg-subtle' : 'border-border bg-white'\n    )}\n  >\n    <span className=\"text-[11px] text-text-positive-weak\">{label}</span>\n    <span className=\"text-base font-semibold tabular-nums text-text-positive-strong\">{value.toLocaleString()}</span>\n  </div>\n));\nStatChip.displayName = 'StatChip';\n"],"mappings":"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"}
+{"version":3,"file":"analysis-panel-BqZmOU58.mjs","names":[],"sources":["../packages/components/features/tables/components/table/analysis-panel.tsx"],"sourcesContent":["'use client';\nimport { memo, useMemo } from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Statistic } from '@/components/data-display/statistic';\nimport type { AnyEntity } from '@/types';\nimport { useUITableAnalysisContext, useUITableBodyContext, useUITableContext } from '../../hooks/use-context';\nimport type { ColumnAggregation, ColumnAggregationType } from '../../types';\nimport { computeAggregation, extractNumericValues } from '../../utils/aggregation';\n\ntype AggregationLabel = {\n  colId: string;\n  header: string;\n  aggregation: ColumnAggregation;\n  allValue: number;\n  selectedValue: number | null;\n};\n\nconst typeLabels: Record<ColumnAggregationType, string> = {\n  sum: 'Tổng',\n  avg: 'Trung bình',\n  count: 'Đếm',\n  min: 'Nhỏ nhất',\n  max: 'Lớn nhất',\n};\n\nexport const UITableAnalysisPanel = memo(() => {\n  const { table, totalRows } = useUITableContext();\n  const { rowSelectionState } = useUITableBodyContext();\n  const { isOpen, toggle } = useUITableAnalysisContext();\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: row model\n  const allRows = useMemo(() => table.getRowModel().rows, [table]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: selected rows\n  const selectedRows = useMemo(() => table.getSelectedRowModel().flatRows, [table, rowSelectionState]);\n\n  const headers = useMemo(() => table.getHeaderGroups()[0]?.headers ?? [], [table]);\n\n  const aggregationRows = useMemo<AggregationLabel[]>(() => {\n    return headers\n      .filter(h => !['select', 'actions'].includes(h.id))\n      .flatMap(header => {\n        const agg = (header.column.columnDef.meta as AnyEntity)?.aggregation as ColumnAggregation | undefined;\n        if (!agg) return [];\n\n        const headerText = agg.label ?? (typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.id);\n\n        const allValues = extractNumericValues(allRows, header.id);\n        const selectedValues = selectedRows.length > 0 ? extractNumericValues(selectedRows, header.id) : null;\n\n        return [\n          {\n            colId: header.id,\n            header: headerText,\n            aggregation: agg,\n            allValue: computeAggregation(allRows.length, allValues, agg.type),\n            selectedValue: selectedValues !== null ? computeAggregation(selectedRows.length, selectedValues, agg.type) : null,\n          },\n        ];\n      });\n  }, [headers, allRows, selectedRows]);\n\n  return (\n    <div data-slot=\"table-analysis-panel\" className=\"w-full border-t border-border\">\n      <button\n        type=\"button\"\n        className={cn(\n          'flex w-full items-center justify-between px-4 py-2 text-sm font-medium text-text-positive',\n          'hover:bg-muted-bg-subtle transition-colors outline-none',\n          'focus-visible:ring-2 focus-visible:ring-primary-weak'\n        )}\n        onClick={toggle}\n        aria-expanded={isOpen}\n      >\n        <span>Tổng quan dữ liệu</span>\n        {isOpen ? <ChevronUpIcon size={14} /> : <ChevronDownIcon size={14} />}\n      </button>\n\n      {isOpen && (\n        <div className=\"px-4 pb-4 pt-2 space-y-4\">\n          {/* Row summary */}\n          <div className=\"flex flex-wrap gap-4\">\n            <StatChip label=\"Tổng bản ghi\" value={totalRows ?? allRows.length} />\n            <StatChip label=\"Hàng hiển thị\" value={allRows.length} />\n            <StatChip label=\"Hàng đã chọn\" value={selectedRows.length} highlight={selectedRows.length > 0} />\n          </div>\n\n          {/* Column aggregations */}\n          {aggregationRows.length > 0 && (\n            <div>\n              <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-positive-weak\">Tóm tắt cột</p>\n              <div className=\"overflow-x-auto rounded-md border border-border\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border bg-muted-bg-subtle text-xs text-text-positive-weak\">\n                      <th className=\"px-3 py-2 text-left font-medium\">Cột</th>\n                      <th className=\"px-3 py-2 text-left font-medium\">Kiểu</th>\n                      <th className=\"px-3 py-2 text-right font-medium\">Tất cả hàng</th>\n                      {selectedRows.length > 0 && <th className=\"px-3 py-2 text-right font-medium\">Hàng đã chọn</th>}\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {aggregationRows.map((row, idx) => (\n                      <tr key={row.colId} className={cn('border-b border-border last:border-b-0', idx % 2 === 1 && 'bg-muted-bg-subtle/50')}>\n                        <td className=\"px-3 py-2 text-text-positive font-medium\">{row.header}</td>\n                        <td className=\"px-3 py-2 text-text-positive-weak\">{typeLabels[row.aggregation.type]}</td>\n                        <td className=\"px-3 py-2 text-right\">\n                          <Statistic\n                            value={row.allValue}\n                            prefix={row.aggregation.prefix}\n                            suffix={row.aggregation.suffix}\n                            precision={row.aggregation.precision}\n                            size=\"sm\"\n                          />\n                        </td>\n                        {selectedRows.length > 0 && (\n                          <td className=\"px-3 py-2 text-right\">\n                            {row.selectedValue !== null ? (\n                              <Statistic\n                                value={row.selectedValue}\n                                prefix={row.aggregation.prefix}\n                                suffix={row.aggregation.suffix}\n                                precision={row.aggregation.precision}\n                                size=\"sm\"\n                              />\n                            ) : (\n                              <span className=\"text-text-positive-weak\">—</span>\n                            )}\n                          </td>\n                        )}\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\nUITableAnalysisPanel.displayName = 'UITableAnalysisPanel';\n\nconst StatChip = memo<{ label: string; value: number; highlight?: boolean }>(({ label, value, highlight }) => (\n  <div\n    className={cn(\n      'flex flex-col gap-0.5 rounded border px-3 py-2 min-w-25 bg-white',\n      highlight && value > 0 ? 'border-primary bg-primary-bg-subtle' : 'border-border bg-white'\n    )}\n  >\n    <span className=\"text-[11px] text-text-positive-weak\">{label}</span>\n    <span className=\"text-base font-semibold tabular-nums text-text-positive-strong\">{value.toLocaleString()}</span>\n  </div>\n));\nStatChip.displayName = 'StatChip';\n"],"mappings":"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"}

package/dist/analysis-panel-CQZ0hmfN.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"analysis-panel-CQZ0hmfN.cjs","names":["useUITableContext","useUITableBodyContext","useUITableAnalysisContext","extractNumericValues","computeAggregation","ChevronUpIcon","ChevronDownIcon","Statistic"],"sources":["../packages/components/features/tables/components/table/analysis-panel.tsx"],"sourcesContent":["'use client';\nimport { memo, useMemo } from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Statistic } from '@/components/data-display/statistic';\nimport type { AnyEntity } from '@/types';\nimport { useUITableAnalysisContext, useUITableBodyContext, useUITableContext } from '../../hooks/use-context';\nimport type { ColumnAggregation, ColumnAggregationType } from '../../types';\nimport { computeAggregation, extractNumericValues } from '../../utils/aggregation';\n\ntype AggregationLabel = {\n  colId: string;\n  header: string;\n  aggregation: ColumnAggregation;\n  allValue: number;\n  selectedValue: number | null;\n};\n\nconst typeLabels: Record<ColumnAggregationType, string> = {\n  sum: 'Tổng',\n  avg: 'Trung bình',\n  count: 'Đếm',\n  min: 'Nhỏ nhất',\n  max: 'Lớn nhất',\n};\n\nexport const UITableAnalysisPanel = memo(() => {\n  const { table, totalRows } = useUITableContext();\n  const { rowSelectionState } = useUITableBodyContext();\n  const { isOpen, toggle } = useUITableAnalysisContext();\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: row model\n  const allRows = useMemo(() => table.getRowModel().rows, [table]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: selected rows\n  const selectedRows = useMemo(() => table.getSelectedRowModel().flatRows, [table, rowSelectionState]);\n\n  const headers = useMemo(() => table.getHeaderGroups()[0]?.headers ?? [], [table]);\n\n  const aggregationRows = useMemo<AggregationLabel[]>(() => {\n    return headers\n      .filter(h => !['select', 'actions'].includes(h.id))\n      .flatMap(header => {\n        const agg = (header.column.columnDef.meta as AnyEntity)?.aggregation as ColumnAggregation | undefined;\n        if (!agg) return [];\n\n        const headerText = agg.label ?? (typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.id);\n\n        const allValues = extractNumericValues(allRows, header.id);\n        const selectedValues = selectedRows.length > 0 ? extractNumericValues(selectedRows, header.id) : null;\n\n        return [\n          {\n            colId: header.id,\n            header: headerText,\n            aggregation: agg,\n            allValue: computeAggregation(allRows.length, allValues, agg.type),\n            selectedValue: selectedValues !== null ? computeAggregation(selectedRows.length, selectedValues, agg.type) : null,\n          },\n        ];\n      });\n  }, [headers, allRows, selectedRows]);\n\n  return (\n    <div data-slot=\"table-analysis-panel\" className=\"w-full border-t border-border\">\n      <button\n        type=\"button\"\n        className={cn(\n          'flex w-full items-center justify-between px-4 py-2 text-sm font-medium text-text-positive',\n          'hover:bg-muted-bg-subtle transition-colors outline-none',\n          'focus-visible:ring-2 focus-visible:ring-primary-weak'\n        )}\n        onClick={toggle}\n        aria-expanded={isOpen}\n      >\n        <span>Tổng quan dữ liệu</span>\n        {isOpen ? <ChevronUpIcon size={14} /> : <ChevronDownIcon size={14} />}\n      </button>\n\n      {isOpen && (\n        <div className=\"px-4 pb-4 pt-2 space-y-4\">\n          {/* Row summary */}\n          <div className=\"flex flex-wrap gap-4\">\n            <StatChip label=\"Tổng bản ghi\" value={totalRows ?? allRows.length} />\n            <StatChip label=\"Hàng hiển thị\" value={allRows.length} />\n            <StatChip label=\"Hàng đã chọn\" value={selectedRows.length} highlight={selectedRows.length > 0} />\n          </div>\n\n          {/* Column aggregations */}\n          {aggregationRows.length > 0 && (\n            <div>\n              <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-positive-weak\">Tóm tắt cột</p>\n              <div className=\"overflow-x-auto rounded-md border border-border\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border bg-muted-bg-subtle text-xs text-text-positive-weak\">\n                      <th className=\"px-3 py-2 text-left font-medium\">Cột</th>\n                      <th className=\"px-3 py-2 text-left font-medium\">Kiểu</th>\n                      <th className=\"px-3 py-2 text-right font-medium\">Tất cả hàng</th>\n                      {selectedRows.length > 0 && <th className=\"px-3 py-2 text-right font-medium\">Hàng đã chọn</th>}\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {aggregationRows.map((row, idx) => (\n                      <tr key={row.colId} className={cn('border-b border-border last:border-b-0', idx % 2 === 1 && 'bg-muted-bg-subtle/50')}>\n                        <td className=\"px-3 py-2 text-text-positive font-medium\">{row.header}</td>\n                        <td className=\"px-3 py-2 text-text-positive-weak\">{typeLabels[row.aggregation.type]}</td>\n                        <td className=\"px-3 py-2 text-right\">\n                          <Statistic\n                            value={row.allValue}\n                            prefix={row.aggregation.prefix}\n                            suffix={row.aggregation.suffix}\n                            precision={row.aggregation.precision}\n                            size=\"sm\"\n                          />\n                        </td>\n                        {selectedRows.length > 0 && (\n                          <td className=\"px-3 py-2 text-right\">\n                            {row.selectedValue !== null ? (\n                              <Statistic\n                                value={row.selectedValue}\n                                prefix={row.aggregation.prefix}\n                                suffix={row.aggregation.suffix}\n                                precision={row.aggregation.precision}\n                                size=\"sm\"\n                              />\n                            ) : (\n                              <span className=\"text-text-positive-weak\">—</span>\n                            )}\n                          </td>\n                        )}\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\nUITableAnalysisPanel.displayName = 'UITableAnalysisPanel';\n\nconst StatChip = memo<{ label: string; value: number; highlight?: boolean }>(({ label, value, highlight }) => (\n  <div\n    className={cn(\n      'flex flex-col gap-0.5 rounded border px-3 py-2 min-w-25 bg-white',\n      highlight && value > 0 ? 'border-primary bg-primary-bg-subtle' : 'border-border bg-white'\n    )}\n  >\n    <span className=\"text-[11px] text-text-positive-weak\">{label}</span>\n    <span className=\"text-base font-semibold tabular-nums text-text-positive-strong\">{value.toLocaleString()}</span>\n  </div>\n));\nStatChip.displayName = 'StatChip';\n"],"mappings":"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"}
+{"version":3,"file":"analysis-panel-CQZ0hmfN.cjs","names":["useUITableContext","useUITableBodyContext","useUITableAnalysisContext","extractNumericValues","computeAggregation","ChevronUpIcon","ChevronDownIcon","Statistic"],"sources":["../packages/components/features/tables/components/table/analysis-panel.tsx"],"sourcesContent":["'use client';\nimport { memo, useMemo } from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Statistic } from '@/components/data-display/statistic';\nimport type { AnyEntity } from '@/types';\nimport { useUITableAnalysisContext, useUITableBodyContext, useUITableContext } from '../../hooks/use-context';\nimport type { ColumnAggregation, ColumnAggregationType } from '../../types';\nimport { computeAggregation, extractNumericValues } from '../../utils/aggregation';\n\ntype AggregationLabel = {\n  colId: string;\n  header: string;\n  aggregation: ColumnAggregation;\n  allValue: number;\n  selectedValue: number | null;\n};\n\nconst typeLabels: Record<ColumnAggregationType, string> = {\n  sum: 'Tổng',\n  avg: 'Trung bình',\n  count: 'Đếm',\n  min: 'Nhỏ nhất',\n  max: 'Lớn nhất',\n};\n\nexport const UITableAnalysisPanel = memo(() => {\n  const { table, totalRows } = useUITableContext();\n  const { rowSelectionState } = useUITableBodyContext();\n  const { isOpen, toggle } = useUITableAnalysisContext();\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: row model\n  const allRows = useMemo(() => table.getRowModel().rows, [table]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: selected rows\n  const selectedRows = useMemo(() => table.getSelectedRowModel().flatRows, [table, rowSelectionState]);\n\n  const headers = useMemo(() => table.getHeaderGroups()[0]?.headers ?? [], [table]);\n\n  const aggregationRows = useMemo<AggregationLabel[]>(() => {\n    return headers\n      .filter(h => !['select', 'actions'].includes(h.id))\n      .flatMap(header => {\n        const agg = (header.column.columnDef.meta as AnyEntity)?.aggregation as ColumnAggregation | undefined;\n        if (!agg) return [];\n\n        const headerText = agg.label ?? (typeof header.column.columnDef.header === 'string' ? header.column.columnDef.header : header.id);\n\n        const allValues = extractNumericValues(allRows, header.id);\n        const selectedValues = selectedRows.length > 0 ? extractNumericValues(selectedRows, header.id) : null;\n\n        return [\n          {\n            colId: header.id,\n            header: headerText,\n            aggregation: agg,\n            allValue: computeAggregation(allRows.length, allValues, agg.type),\n            selectedValue: selectedValues !== null ? computeAggregation(selectedRows.length, selectedValues, agg.type) : null,\n          },\n        ];\n      });\n  }, [headers, allRows, selectedRows]);\n\n  return (\n    <div data-slot=\"table-analysis-panel\" className=\"w-full border-t border-border\">\n      <button\n        type=\"button\"\n        className={cn(\n          'flex w-full items-center justify-between px-4 py-2 text-sm font-medium text-text-positive',\n          'hover:bg-muted-bg-subtle transition-colors outline-none',\n          'focus-visible:ring-2 focus-visible:ring-primary-weak'\n        )}\n        onClick={toggle}\n        aria-expanded={isOpen}\n      >\n        <span>Tổng quan dữ liệu</span>\n        {isOpen ? <ChevronUpIcon size={14} /> : <ChevronDownIcon size={14} />}\n      </button>\n\n      {isOpen && (\n        <div className=\"px-4 pb-4 pt-2 space-y-4\">\n          {/* Row summary */}\n          <div className=\"flex flex-wrap gap-4\">\n            <StatChip label=\"Tổng bản ghi\" value={totalRows ?? allRows.length} />\n            <StatChip label=\"Hàng hiển thị\" value={allRows.length} />\n            <StatChip label=\"Hàng đã chọn\" value={selectedRows.length} highlight={selectedRows.length > 0} />\n          </div>\n\n          {/* Column aggregations */}\n          {aggregationRows.length > 0 && (\n            <div>\n              <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-positive-weak\">Tóm tắt cột</p>\n              <div className=\"overflow-x-auto rounded-md border border-border\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border bg-muted-bg-subtle text-xs text-text-positive-weak\">\n                      <th className=\"px-3 py-2 text-left font-medium\">Cột</th>\n                      <th className=\"px-3 py-2 text-left font-medium\">Kiểu</th>\n                      <th className=\"px-3 py-2 text-right font-medium\">Tất cả hàng</th>\n                      {selectedRows.length > 0 && <th className=\"px-3 py-2 text-right font-medium\">Hàng đã chọn</th>}\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {aggregationRows.map((row, idx) => (\n                      <tr key={row.colId} className={cn('border-b border-border last:border-b-0', idx % 2 === 1 && 'bg-muted-bg-subtle/50')}>\n                        <td className=\"px-3 py-2 text-text-positive font-medium\">{row.header}</td>\n                        <td className=\"px-3 py-2 text-text-positive-weak\">{typeLabels[row.aggregation.type]}</td>\n                        <td className=\"px-3 py-2 text-right\">\n                          <Statistic\n                            value={row.allValue}\n                            prefix={row.aggregation.prefix}\n                            suffix={row.aggregation.suffix}\n                            precision={row.aggregation.precision}\n                            size=\"sm\"\n                          />\n                        </td>\n                        {selectedRows.length > 0 && (\n                          <td className=\"px-3 py-2 text-right\">\n                            {row.selectedValue !== null ? (\n                              <Statistic\n                                value={row.selectedValue}\n                                prefix={row.aggregation.prefix}\n                                suffix={row.aggregation.suffix}\n                                precision={row.aggregation.precision}\n                                size=\"sm\"\n                              />\n                            ) : (\n                              <span className=\"text-text-positive-weak\">—</span>\n                            )}\n                          </td>\n                        )}\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\nUITableAnalysisPanel.displayName = 'UITableAnalysisPanel';\n\nconst StatChip = memo<{ label: string; value: number; highlight?: boolean }>(({ label, value, highlight }) => (\n  <div\n    className={cn(\n      'flex flex-col gap-0.5 rounded border px-3 py-2 min-w-25 bg-white',\n      highlight && value > 0 ? 'border-primary bg-primary-bg-subtle' : 'border-border bg-white'\n    )}\n  >\n    <span className=\"text-[11px] text-text-positive-weak\">{label}</span>\n    <span className=\"text-base font-semibold tabular-nums text-text-positive-strong\">{value.toLocaleString()}</span>\n  </div>\n));\nStatChip.displayName = 'StatChip';\n"],"mappings":"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"}

package/dist/{aspect-ratio-huscluwJ.d.cts → aspect-ratio-DqXWkGJQ.d.cts}

@@ -1,5 +1,4 @@
 import { AspectRatio } from "radix-ui";
-
 //#region packages/components/ui/aspect-ratio.d.ts
 /**
  * Constrains its child to a given aspect ratio using the Radix UI AspectRatio primitive.
@@ -13,10 +12,7 @@ import { AspectRatio } from "radix-ui";
  * </AspectRatio>
  * ```
  */
-declare function AspectRatio$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof AspectRatio.Root>): import("react").JSX.Element;
+declare function AspectRatio$1({ className, ...props }: React.ComponentProps<typeof AspectRatio.Root>): import("react").JSX.Element;
 //#endregion
 export { AspectRatio$1 as t };
-//# sourceMappingURL=aspect-ratio-huscluwJ.d.cts.map
+//# sourceMappingURL=aspect-ratio-DqXWkGJQ.d.cts.map

package/dist/{aspect-ratio-huscluwJ.d.mts → aspect-ratio-DqXWkGJQ.d.mts}

@@ -1,5 +1,4 @@
 import { AspectRatio } from "radix-ui";
-
 //#region packages/components/ui/aspect-ratio.d.ts
 /**
  * Constrains its child to a given aspect ratio using the Radix UI AspectRatio primitive.
@@ -13,10 +12,7 @@ import { AspectRatio } from "radix-ui";
  * </AspectRatio>
  * ```
  */
-declare function AspectRatio$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof AspectRatio.Root>): import("react").JSX.Element;
+declare function AspectRatio$1({ className, ...props }: React.ComponentProps<typeof AspectRatio.Root>): import("react").JSX.Element;
 //#endregion
 export { AspectRatio$1 as t };
-//# sourceMappingURL=aspect-ratio-huscluwJ.d.mts.map
+//# sourceMappingURL=aspect-ratio-DqXWkGJQ.d.mts.map

package/dist/avatar-name-display-BrpnTqa_.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-name-display-BrpnTqa_.mjs","names":[],"sources":["../packages/components/features/tables/components/atoms/avatar-name-display.tsx"],"sourcesContent":["'use client';\n\nimport { UserRoundIcon } from 'lucide-react';\n\nimport { colorHashLight } from '@customafk/react-toolkit/color-hash';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';\n\n/** Props for the {@link UITableAvatarNameDisplay} component. */\ntype Props = {\n  /** Display name shown beside the avatar. */\n  name: string;\n  /** Optional image URL for the avatar. Falls back to a color-hashed icon when absent. */\n  avatarUrl?: string;\n  /** Seed for deterministic avatar background color generation. Defaults to `name`. */\n  uuid?: string;\n};\n\n/**\n * Renders a circular avatar paired with a name in a compact horizontal row.\n * When no `avatarUrl` is provided the fallback uses a deterministic background\n * color derived from `uuid` (or `name`) via `colorHashLight`, matching the\n * style of `UserDataDisplay`.\n *\n * @example\n * import { UITableAvatarNameDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableAvatarNameDisplay name=\"Jane Smith\" uuid=\"user-42\" avatarUrl=\"/avatars/jane.png\" />\n */\nexport const UITableAvatarNameDisplay: React.FC<Props> = ({ name, avatarUrl, uuid }) => {\n  const bgColor = colorHashLight.hex(uuid ?? name);\n  return (\n    <div className=\"flex min-w-0 items-center gap-2\">\n      <Avatar className=\"size-8 shrink-0\">\n        <AvatarImage src={avatarUrl} alt={name} />\n        <AvatarFallback style={{ backgroundColor: bgColor }}>\n          <UserRoundIcon size={18} className=\"text-white\" />\n        </AvatarFallback>\n      </Avatar>\n      <span className=\"truncate text-sm font-medium\">{name}</span>\n    </div>\n  );\n};\n"],"mappings":"kPA6BA,MAAa,GAA6C,CAAE,OAAM,YAAW,UAAW,CACtF,IAAM,EAAU,EAAe,IAAI,GAAQ,CAAI,EAC/C,OACE,EAAC,MAAD,CAAK,UAAU,2CAAf,CACE,EAAC,EAAD,CAAQ,UAAU,2BAAlB,CACE,EAAC,EAAD,CAAa,IAAK,EAAW,IAAK,CAAO,CAAA,EACzC,EAAC,EAAD,CAAgB,MAAO,CAAE,gBAAiB,CAAQ,WAChD,EAAC,EAAD,CAAe,KAAM,GAAI,UAAU,YAAc,CAAA,CACnC,CAAA,CACV,IACR,EAAC,OAAD,CAAM,UAAU,wCAAgC,CAAW,CAAA,CACxD,GAET"}
+{"version":3,"file":"avatar-name-display-BrpnTqa_.mjs","names":[],"sources":["../packages/components/features/tables/components/atoms/avatar-name-display.tsx"],"sourcesContent":["'use client';\n\nimport { UserRoundIcon } from 'lucide-react';\n\nimport { colorHashLight } from '@customafk/react-toolkit/color-hash';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';\n\n/** Props for the {@link UITableAvatarNameDisplay} component. */\ntype Props = {\n  /** Display name shown beside the avatar. */\n  name: string;\n  /** Optional image URL for the avatar. Falls back to a color-hashed icon when absent. */\n  avatarUrl?: string;\n  /** Seed for deterministic avatar background color generation. Defaults to `name`. */\n  uuid?: string;\n};\n\n/**\n * Renders a circular avatar paired with a name in a compact horizontal row.\n * When no `avatarUrl` is provided the fallback uses a deterministic background\n * color derived from `uuid` (or `name`) via `colorHashLight`, matching the\n * style of `UserDataDisplay`.\n *\n * @example\n * import { UITableAvatarNameDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableAvatarNameDisplay name=\"Jane Smith\" uuid=\"user-42\" avatarUrl=\"/avatars/jane.png\" />\n */\nexport const UITableAvatarNameDisplay: React.FC<Props> = ({ name, avatarUrl, uuid }) => {\n  const bgColor = colorHashLight.hex(uuid ?? name);\n  return (\n    <div className=\"flex min-w-0 items-center gap-2\">\n      <Avatar className=\"size-8 shrink-0\">\n        <AvatarImage src={avatarUrl} alt={name} />\n        <AvatarFallback style={{ backgroundColor: bgColor }}>\n          <UserRoundIcon size={18} className=\"text-white\" />\n        </AvatarFallback>\n      </Avatar>\n      <span className=\"truncate text-sm font-medium\">{name}</span>\n    </div>\n  );\n};\n"],"mappings":"kPA6BA,MAAa,GAA6C,CAAE,OAAM,YAAW,UAAW,CACtF,IAAM,EAAU,EAAe,IAAI,GAAQ,CAAI,EAC/C,OACE,EAAC,MAAD,CAAK,UAAU,kCAAf,SAAA,CACE,EAAC,EAAD,CAAQ,UAAU,kBAAlB,SAAA,CACE,EAAC,EAAD,CAAa,IAAK,EAAW,IAAK,CAAO,CAAA,EACzC,EAAC,EAAD,CAAgB,MAAO,CAAE,gBAAiB,CAAQ,EAChD,SAAA,EAAC,EAAD,CAAe,KAAM,GAAI,UAAU,YAAc,CAAA,CACnC,CAAA,CACV,CACR,CAAA,EAAA,EAAC,OAAD,CAAM,UAAU,+BAAgC,SAAA,CAAW,CAAA,CACxD,GAET"}

package/dist/avatar-name-display-CLi1DJUs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-name-display-CLi1DJUs.cjs","names":["colorHashLight","Avatar","AvatarImage","AvatarFallback","UserRoundIcon"],"sources":["../packages/components/features/tables/components/atoms/avatar-name-display.tsx"],"sourcesContent":["'use client';\n\nimport { UserRoundIcon } from 'lucide-react';\n\nimport { colorHashLight } from '@customafk/react-toolkit/color-hash';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';\n\n/** Props for the {@link UITableAvatarNameDisplay} component. */\ntype Props = {\n  /** Display name shown beside the avatar. */\n  name: string;\n  /** Optional image URL for the avatar. Falls back to a color-hashed icon when absent. */\n  avatarUrl?: string;\n  /** Seed for deterministic avatar background color generation. Defaults to `name`. */\n  uuid?: string;\n};\n\n/**\n * Renders a circular avatar paired with a name in a compact horizontal row.\n * When no `avatarUrl` is provided the fallback uses a deterministic background\n * color derived from `uuid` (or `name`) via `colorHashLight`, matching the\n * style of `UserDataDisplay`.\n *\n * @example\n * import { UITableAvatarNameDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableAvatarNameDisplay name=\"Jane Smith\" uuid=\"user-42\" avatarUrl=\"/avatars/jane.png\" />\n */\nexport const UITableAvatarNameDisplay: React.FC<Props> = ({ name, avatarUrl, uuid }) => {\n  const bgColor = colorHashLight.hex(uuid ?? name);\n  return (\n    <div className=\"flex min-w-0 items-center gap-2\">\n      <Avatar className=\"size-8 shrink-0\">\n        <AvatarImage src={avatarUrl} alt={name} />\n        <AvatarFallback style={{ backgroundColor: bgColor }}>\n          <UserRoundIcon size={18} className=\"text-white\" />\n        </AvatarFallback>\n      </Avatar>\n      <span className=\"truncate text-sm font-medium\">{name}</span>\n    </div>\n  );\n};\n"],"mappings":"iJA6BA,MAAa,GAA6C,CAAE,OAAM,YAAW,UAAW,CACtF,IAAM,EAAUA,EAAAA,eAAe,IAAI,GAAQ,CAAI,EAC/C,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,2CAAf,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,OAAD,CAAQ,UAAU,2BAAlB,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,IAAK,EAAW,IAAK,CAAO,CAAA,GACzC,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAgB,MAAO,CAAE,gBAAiB,CAAQ,YAChD,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAe,KAAM,GAAI,UAAU,YAAc,CAAA,CACnC,CAAA,CACV,KACR,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,wCAAgC,CAAW,CAAA,CACxD,GAET"}
+{"version":3,"file":"avatar-name-display-CLi1DJUs.cjs","names":["colorHashLight","Avatar","AvatarImage","AvatarFallback","UserRoundIcon"],"sources":["../packages/components/features/tables/components/atoms/avatar-name-display.tsx"],"sourcesContent":["'use client';\n\nimport { UserRoundIcon } from 'lucide-react';\n\nimport { colorHashLight } from '@customafk/react-toolkit/color-hash';\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';\n\n/** Props for the {@link UITableAvatarNameDisplay} component. */\ntype Props = {\n  /** Display name shown beside the avatar. */\n  name: string;\n  /** Optional image URL for the avatar. Falls back to a color-hashed icon when absent. */\n  avatarUrl?: string;\n  /** Seed for deterministic avatar background color generation. Defaults to `name`. */\n  uuid?: string;\n};\n\n/**\n * Renders a circular avatar paired with a name in a compact horizontal row.\n * When no `avatarUrl` is provided the fallback uses a deterministic background\n * color derived from `uuid` (or `name`) via `colorHashLight`, matching the\n * style of `UserDataDisplay`.\n *\n * @example\n * import { UITableAvatarNameDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableAvatarNameDisplay name=\"Jane Smith\" uuid=\"user-42\" avatarUrl=\"/avatars/jane.png\" />\n */\nexport const UITableAvatarNameDisplay: React.FC<Props> = ({ name, avatarUrl, uuid }) => {\n  const bgColor = colorHashLight.hex(uuid ?? name);\n  return (\n    <div className=\"flex min-w-0 items-center gap-2\">\n      <Avatar className=\"size-8 shrink-0\">\n        <AvatarImage src={avatarUrl} alt={name} />\n        <AvatarFallback style={{ backgroundColor: bgColor }}>\n          <UserRoundIcon size={18} className=\"text-white\" />\n        </AvatarFallback>\n      </Avatar>\n      <span className=\"truncate text-sm font-medium\">{name}</span>\n    </div>\n  );\n};\n"],"mappings":"iJA6BA,MAAa,GAA6C,CAAE,OAAM,YAAW,UAAW,CACtF,IAAM,EAAUA,EAAAA,eAAe,IAAI,GAAQ,CAAI,EAC/C,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,kCAAf,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,OAAD,CAAQ,UAAU,kBAAlB,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,IAAK,EAAW,IAAK,CAAO,CAAA,GACzC,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAgB,MAAO,CAAE,gBAAiB,CAAQ,EAChD,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAe,KAAM,GAAI,UAAU,YAAc,CAAA,CACnC,CAAA,CACV,CACR,CAAA,GAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,+BAAgC,SAAA,CAAW,CAAA,CACxD,GAET"}

package/dist/{avatar-BpeFwSkQ.d.cts → avatar-yN3dNBsZ.d.cts}

@@ -1,5 +1,4 @@
 import { Avatar } from "radix-ui";
-
 //#region packages/components/ui/avatar.d.ts
 /**
  * Circular user avatar built on Radix UI's Avatar primitives, falling back to initials or an icon when the image fails to load.
@@ -14,20 +13,11 @@ import { Avatar } from "radix-ui";
  * </Avatar>
  * ```
  */
-declare function Avatar$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar.Root>): import("react").JSX.Element;
+declare function Avatar$1({ className, ...props }: React.ComponentProps<typeof Avatar.Root>): import("react").JSX.Element;
 /** The avatar photo; hidden automatically by Radix UI when the image fails to load, revealing `AvatarFallback`. */
-declare function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar.Image>): import("react").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar.Image>): import("react").JSX.Element;
 /** Fallback content (e.g. initials) displayed inside the avatar when the image is unavailable or still loading. */
-declare function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar.Fallback>): import("react").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar.Fallback>): import("react").JSX.Element;
 //#endregion
 export { AvatarFallback as n, AvatarImage as r, Avatar$1 as t };
-//# sourceMappingURL=avatar-BpeFwSkQ.d.cts.map
+//# sourceMappingURL=avatar-yN3dNBsZ.d.cts.map

package/dist/{avatar-BpeFwSkQ.d.mts → avatar-yN3dNBsZ.d.mts}

@@ -1,5 +1,4 @@
 import { Avatar } from "radix-ui";
-
 //#region packages/components/ui/avatar.d.ts
 /**
  * Circular user avatar built on Radix UI's Avatar primitives, falling back to initials or an icon when the image fails to load.
@@ -14,20 +13,11 @@ import { Avatar } from "radix-ui";
  * </Avatar>
  * ```
  */
-declare function Avatar$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar.Root>): import("react").JSX.Element;
+declare function Avatar$1({ className, ...props }: React.ComponentProps<typeof Avatar.Root>): import("react").JSX.Element;
 /** The avatar photo; hidden automatically by Radix UI when the image fails to load, revealing `AvatarFallback`. */
-declare function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar.Image>): import("react").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof Avatar.Image>): import("react").JSX.Element;
 /** Fallback content (e.g. initials) displayed inside the avatar when the image is unavailable or still loading. */
-declare function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar.Fallback>): import("react").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof Avatar.Fallback>): import("react").JSX.Element;
 //#endregion
 export { AvatarFallback as n, AvatarImage as r, Avatar$1 as t };
-//# sourceMappingURL=avatar-BpeFwSkQ.d.mts.map
+//# sourceMappingURL=avatar-yN3dNBsZ.d.mts.map

package/dist/{badge-MRT40pxM.d.cts → badge-BPiU1Ss2.d.cts}

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "solid" | "soft" | "outline" | null | undefined;
@@ -27,14 +26,7 @@ type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWitho
  * <Badge variant="outline" color="danger">Overdue</Badge>
  * ```
  */
-declare function Badge({
-  className,
-  variant,
-  color,
-  size,
-  pill,
-  ...props
-}: BadgeProps): import("react").JSX.Element;
+declare function Badge({ className, variant, color, size, pill, ...props }: BadgeProps): import("react").JSX.Element;
 //#endregion
 export { BadgeProps as n, badgeVariants as r, Badge as t };
-//# sourceMappingURL=badge-MRT40pxM.d.cts.map
+//# sourceMappingURL=badge-BPiU1Ss2.d.cts.map

package/dist/{badge-MRT40pxM.d.mts → badge-BPiU1Ss2.d.mts}

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "solid" | "soft" | "outline" | null | undefined;
@@ -27,14 +26,7 @@ type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWitho
  * <Badge variant="outline" color="danger">Overdue</Badge>
  * ```
  */
-declare function Badge({
-  className,
-  variant,
-  color,
-  size,
-  pill,
-  ...props
-}: BadgeProps): import("react").JSX.Element;
+declare function Badge({ className, variant, color, size, pill, ...props }: BadgeProps): import("react").JSX.Element;
 //#endregion
 export { BadgeProps as n, badgeVariants as r, Badge as t };
-//# sourceMappingURL=badge-MRT40pxM.d.mts.map
+//# sourceMappingURL=badge-BPiU1Ss2.d.mts.map

package/dist/badge-display-DmCKpGk9.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge-display-DmCKpGk9.cjs","names":["UITableEmpty","XIcon"],"sources":["../packages/components/features/tables/components/atoms/badge-display.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { UITableEmpty } from './empty';\n\n/**\n * Renders a pill-shaped badge for a table cell that optionally supports a click\n * action and an inline remove button; falls back to {@link UITableEmpty} when\n * `label` is falsy.\n *\n * @example\n * import { UITableBadgeDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableBadgeDisplay\n *   label=\"Active\"\n *   onClick={() => console.log('badge clicked')}\n *   onRemove={() => console.log('remove clicked')}\n * />\n */\nexport const UITableBadgeDisplay: React.FC<{\n  /** The text or number to display inside the badge. */\n  label: string | number | null | undefined;\n  /** Optional callback fired when the badge itself is clicked. */\n  onClick?: () => void;\n  /** When provided, renders a remove (×) button and fires this callback on click. */\n  onRemove?: () => void;\n}> = ({ label, onClick, onRemove }) => {\n  if (!label) return <UITableEmpty />;\n  if (onRemove) {\n    return (\n      <div\n        className=\"flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs\"\n        onClick={e => {\n          onClick?.();\n          e.stopPropagation();\n          e.preventDefault();\n        }}\n      >\n        {label}\n        <button\n          className=\"cursor-pointer text-text-positive-weak hover:text-text-positive-strong\"\n          onClick={e => {\n            onRemove?.();\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n        >\n          <XIcon size={12} />\n        </button>\n      </div>\n    );\n  }\n  return (\n    <button\n      className=\"w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs\"\n      onClick={e => {\n        onClick?.();\n        e.stopPropagation();\n        e.preventDefault();\n      }}\n    >\n      {label}\n    </button>\n  );\n};\n"],"mappings":"sGAkBA,MAAa,GAOP,CAAE,QAAO,UAAS,cACjB,EACD,GAEA,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,UAAU,6GACV,QAAS,GAAK,CACZ,IAAU,EACV,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,WANF,CAQG,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,UAAU,yEACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,YAEA,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAO,KAAM,EAAK,CAAA,CACZ,CAAA,CACL,KAIP,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,UAAU,yFACV,QAAS,GAAK,CACZ,IAAU,EACV,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,WAEC,CACK,CAAA,GAnCS,EAAA,EAAA,IAAA,CAACD,EAAAA,EAAD,CAAe,CAAA"}
+{"version":3,"file":"badge-display-DmCKpGk9.cjs","names":["UITableEmpty","XIcon"],"sources":["../packages/components/features/tables/components/atoms/badge-display.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { UITableEmpty } from './empty';\n\n/**\n * Renders a pill-shaped badge for a table cell that optionally supports a click\n * action and an inline remove button; falls back to {@link UITableEmpty} when\n * `label` is falsy.\n *\n * @example\n * import { UITableBadgeDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableBadgeDisplay\n *   label=\"Active\"\n *   onClick={() => console.log('badge clicked')}\n *   onRemove={() => console.log('remove clicked')}\n * />\n */\nexport const UITableBadgeDisplay: React.FC<{\n  /** The text or number to display inside the badge. */\n  label: string | number | null | undefined;\n  /** Optional callback fired when the badge itself is clicked. */\n  onClick?: () => void;\n  /** When provided, renders a remove (×) button and fires this callback on click. */\n  onRemove?: () => void;\n}> = ({ label, onClick, onRemove }) => {\n  if (!label) return <UITableEmpty />;\n  if (onRemove) {\n    return (\n      <div\n        className=\"flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs\"\n        onClick={e => {\n          onClick?.();\n          e.stopPropagation();\n          e.preventDefault();\n        }}\n      >\n        {label}\n        <button\n          className=\"cursor-pointer text-text-positive-weak hover:text-text-positive-strong\"\n          onClick={e => {\n            onRemove?.();\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n        >\n          <XIcon size={12} />\n        </button>\n      </div>\n    );\n  }\n  return (\n    <button\n      className=\"w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs\"\n      onClick={e => {\n        onClick?.();\n        e.stopPropagation();\n        e.preventDefault();\n      }}\n    >\n      {label}\n    </button>\n  );\n};\n"],"mappings":"sGAkBA,MAAa,GAOP,CAAE,QAAO,UAAS,cACjB,EACD,GAEA,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,UAAU,6GACV,QAAS,GAAK,CACZ,IAAU,EACV,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,EANF,SAAA,CAQG,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,UAAU,yEACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,EAEA,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAO,KAAM,EAAK,CAAA,CACZ,CAAA,CACL,KAIP,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,UAAU,yFACV,QAAS,GAAK,CACZ,IAAU,EACV,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,EAEC,SAAA,CACK,CAAA,GAnCS,EAAA,EAAA,IAAA,CAACD,EAAAA,EAAD,CAAe,CAAA"}

package/dist/badge-display-RP5VTE10.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge-display-RP5VTE10.mjs","names":[],"sources":["../packages/components/features/tables/components/atoms/badge-display.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { UITableEmpty } from './empty';\n\n/**\n * Renders a pill-shaped badge for a table cell that optionally supports a click\n * action and an inline remove button; falls back to {@link UITableEmpty} when\n * `label` is falsy.\n *\n * @example\n * import { UITableBadgeDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableBadgeDisplay\n *   label=\"Active\"\n *   onClick={() => console.log('badge clicked')}\n *   onRemove={() => console.log('remove clicked')}\n * />\n */\nexport const UITableBadgeDisplay: React.FC<{\n  /** The text or number to display inside the badge. */\n  label: string | number | null | undefined;\n  /** Optional callback fired when the badge itself is clicked. */\n  onClick?: () => void;\n  /** When provided, renders a remove (×) button and fires this callback on click. */\n  onRemove?: () => void;\n}> = ({ label, onClick, onRemove }) => {\n  if (!label) return <UITableEmpty />;\n  if (onRemove) {\n    return (\n      <div\n        className=\"flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs\"\n        onClick={e => {\n          onClick?.();\n          e.stopPropagation();\n          e.preventDefault();\n        }}\n      >\n        {label}\n        <button\n          className=\"cursor-pointer text-text-positive-weak hover:text-text-positive-strong\"\n          onClick={e => {\n            onRemove?.();\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n        >\n          <XIcon size={12} />\n        </button>\n      </div>\n    );\n  }\n  return (\n    <button\n      className=\"w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs\"\n      onClick={e => {\n        onClick?.();\n        e.stopPropagation();\n        e.preventDefault();\n      }}\n    >\n      {label}\n    </button>\n  );\n};\n"],"mappings":"iIAkBA,MAAa,GAOP,CAAE,QAAO,UAAS,cACjB,EACD,EAEA,EAAC,MAAD,CACE,UAAU,6GACV,QAAS,GAAK,CACZ,IAAU,EACV,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,WANF,CAQG,EACD,EAAC,SAAD,CACE,UAAU,yEACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,WAEA,EAAC,EAAD,CAAO,KAAM,EAAK,CAAA,CACZ,CAAA,CACL,IAIP,EAAC,SAAD,CACE,UAAU,yFACV,QAAS,GAAK,CACZ,IAAU,EACV,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,WAEC,CACK,CAAA,EAnCS,EAAC,EAAD,CAAe,CAAA"}
+{"version":3,"file":"badge-display-RP5VTE10.mjs","names":[],"sources":["../packages/components/features/tables/components/atoms/badge-display.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\n\nimport { UITableEmpty } from './empty';\n\n/**\n * Renders a pill-shaped badge for a table cell that optionally supports a click\n * action and an inline remove button; falls back to {@link UITableEmpty} when\n * `label` is falsy.\n *\n * @example\n * import { UITableBadgeDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableBadgeDisplay\n *   label=\"Active\"\n *   onClick={() => console.log('badge clicked')}\n *   onRemove={() => console.log('remove clicked')}\n * />\n */\nexport const UITableBadgeDisplay: React.FC<{\n  /** The text or number to display inside the badge. */\n  label: string | number | null | undefined;\n  /** Optional callback fired when the badge itself is clicked. */\n  onClick?: () => void;\n  /** When provided, renders a remove (×) button and fires this callback on click. */\n  onRemove?: () => void;\n}> = ({ label, onClick, onRemove }) => {\n  if (!label) return <UITableEmpty />;\n  if (onRemove) {\n    return (\n      <div\n        className=\"flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs\"\n        onClick={e => {\n          onClick?.();\n          e.stopPropagation();\n          e.preventDefault();\n        }}\n      >\n        {label}\n        <button\n          className=\"cursor-pointer text-text-positive-weak hover:text-text-positive-strong\"\n          onClick={e => {\n            onRemove?.();\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n        >\n          <XIcon size={12} />\n        </button>\n      </div>\n    );\n  }\n  return (\n    <button\n      className=\"w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs\"\n      onClick={e => {\n        onClick?.();\n        e.stopPropagation();\n        e.preventDefault();\n      }}\n    >\n      {label}\n    </button>\n  );\n};\n"],"mappings":"iIAkBA,MAAa,GAOP,CAAE,QAAO,UAAS,cACjB,EACD,EAEA,EAAC,MAAD,CACE,UAAU,6GACV,QAAS,GAAK,CACZ,IAAU,EACV,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,EANF,SAAA,CAQG,EACD,EAAC,SAAD,CACE,UAAU,yEACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,EAEA,SAAA,EAAC,EAAD,CAAO,KAAM,EAAK,CAAA,CACZ,CAAA,CACL,IAIP,EAAC,SAAD,CACE,UAAU,yFACV,QAAS,GAAK,CACZ,IAAU,EACV,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,EAEC,SAAA,CACK,CAAA,EAnCS,EAAC,EAAD,CAAe,CAAA"}