@customafk/lunas-ui 0.2.51 → 0.2.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.2.51",
+  "version": "0.2.53",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {
@@ -25,7 +25,7 @@
   "exports": {
     ".": {
       "require": "./dist/index.cjs",
-      "import": "./dist/index.js"
+      "import": "./dist/index.mjs"
     },
     "./styles/base": "./styles/base.css",
     "./styles/loader": "./styles/loader.css",
@@ -34,379 +34,379 @@
     "./styles/text-editor": "./styles/text-editor.css",
     "./cards/grid-product-card": {
       "require": "./dist/cards/grid-product-card.cjs",
-      "import": "./dist/cards/grid-product-card.js"
+      "import": "./dist/cards/grid-product-card.mjs"
     },
     "./cards/product-card": {
       "require": "./dist/cards/product-card.cjs",
-      "import": "./dist/cards/product-card.js"
+      "import": "./dist/cards/product-card.mjs"
     },
     "./cards/simple-card": {
       "require": "./dist/cards/simple-card.cjs",
-      "import": "./dist/cards/simple-card.js"
+      "import": "./dist/cards/simple-card.mjs"
     },
     "./data-display/country": {
       "require": "./dist/data-display/country.cjs",
-      "import": "./dist/data-display/country.js"
+      "import": "./dist/data-display/country.mjs"
     },
     "./data-display/data-list": {
       "require": "./dist/data-display/data-list.cjs",
-      "import": "./dist/data-display/data-list.js"
+      "import": "./dist/data-display/data-list.mjs"
     },
     "./data-display/date": {
       "require": "./dist/data-display/date.cjs",
-      "import": "./dist/data-display/date.js"
+      "import": "./dist/data-display/date.mjs"
     },
     "./data-display/date-tooltip": {
       "require": "./dist/data-display/date-tooltip.cjs",
-      "import": "./dist/data-display/date-tooltip.js"
+      "import": "./dist/data-display/date-tooltip.mjs"
     },
     "./data-display/empty": {
       "require": "./dist/data-display/empty.cjs",
-      "import": "./dist/data-display/empty.js"
+      "import": "./dist/data-display/empty.mjs"
     },
     "./data-display/name": {
       "require": "./dist/data-display/name.cjs",
-      "import": "./dist/data-display/name.js"
+      "import": "./dist/data-display/name.mjs"
     },
     "./data-display/phone-number": {
       "require": "./dist/data-display/phone-number.cjs",
-      "import": "./dist/data-display/phone-number.js"
+      "import": "./dist/data-display/phone-number.mjs"
     },
     "./data-display/role-badge": {
       "require": "./dist/data-display/role-badge.cjs",
-      "import": "./dist/data-display/role-badge.js"
+      "import": "./dist/data-display/role-badge.mjs"
     },
     "./data-display/statistic": {
       "require": "./dist/data-display/statistic.cjs",
-      "import": "./dist/data-display/statistic.js"
+      "import": "./dist/data-display/statistic.mjs"
     },
     "./data-display/user": {
       "require": "./dist/data-display/user.cjs",
-      "import": "./dist/data-display/user.js"
+      "import": "./dist/data-display/user.mjs"
     },
     "./dialogs/confirm-dialog": {
       "require": "./dist/dialogs/confirm-dialog.cjs",
-      "import": "./dist/dialogs/confirm-dialog.js"
+      "import": "./dist/dialogs/confirm-dialog.mjs"
     },
     "./dialogs/detail-dialog": {
       "require": "./dist/dialogs/detail-dialog/index.cjs",
-      "import": "./dist/dialogs/detail-dialog/index.js"
+      "import": "./dist/dialogs/detail-dialog/index.mjs"
     },
     "./dialogs/detail-dialog/components/sidebar": {
       "require": "./dist/dialogs/detail-dialog/components/sidebar.cjs",
-      "import": "./dist/dialogs/detail-dialog/components/sidebar.js"
+      "import": "./dist/dialogs/detail-dialog/components/sidebar.mjs"
     },
     "./dialogs/error-dialog": {
       "require": "./dist/dialogs/error-dialog.cjs",
-      "import": "./dist/dialogs/error-dialog.js"
+      "import": "./dist/dialogs/error-dialog.mjs"
     },
     "./dialogs/loading-dialog": {
       "require": "./dist/dialogs/loading-dialog.cjs",
-      "import": "./dist/dialogs/loading-dialog.js"
+      "import": "./dist/dialogs/loading-dialog.mjs"
     },
     "./features/descriptions": {
       "require": "./dist/features/descriptions/index.cjs",
-      "import": "./dist/features/descriptions/index.js"
+      "import": "./dist/features/descriptions/index.mjs"
     },
     "./features/search-modal": {
       "require": "./dist/features/search-modal/index.cjs",
-      "import": "./dist/features/search-modal/index.js"
+      "import": "./dist/features/search-modal/index.mjs"
     },
     "./features/tables": {
       "require": "./dist/features/tables/index.cjs",
-      "import": "./dist/features/tables/index.js"
+      "import": "./dist/features/tables/index.mjs"
     },
     "./features/tanstack-form": {
       "require": "./dist/features/tanstack-form/index.cjs",
-      "import": "./dist/features/tanstack-form/index.js"
+      "import": "./dist/features/tanstack-form/index.mjs"
     },
     "./features/text-editor": {
       "require": "./dist/features/text-editor/index.cjs",
-      "import": "./dist/features/text-editor/index.js"
+      "import": "./dist/features/text-editor/index.mjs"
     },
     "./layouts/cms-layout": {
       "require": "./dist/layouts/cms-layout/index.cjs",
-      "import": "./dist/layouts/cms-layout/index.js"
+      "import": "./dist/layouts/cms-layout/index.mjs"
     },
     "./layouts/flex": {
       "require": "./dist/layouts/flex.cjs",
-      "import": "./dist/layouts/flex.js"
+      "import": "./dist/layouts/flex.mjs"
     },
     "./layouts/grid": {
       "require": "./dist/layouts/grid.cjs",
-      "import": "./dist/layouts/grid.js"
+      "import": "./dist/layouts/grid.mjs"
     },
     "./layouts/payment-layout": {
       "require": "./dist/layouts/payment-layout/index.cjs",
-      "import": "./dist/layouts/payment-layout/index.js"
+      "import": "./dist/layouts/payment-layout/index.mjs"
     },
     "./pages/FeatureDeveloping": {
       "require": "./dist/pages/FeatureDeveloping.cjs",
-      "import": "./dist/pages/FeatureDeveloping.js"
+      "import": "./dist/pages/FeatureDeveloping.mjs"
     },
     "./pages/FeatureFixing": {
       "require": "./dist/pages/FeatureFixing.cjs",
-      "import": "./dist/pages/FeatureFixing.js"
+      "import": "./dist/pages/FeatureFixing.mjs"
     },
     "./pages/LoginPage": {
       "require": "./dist/pages/LoginPage.cjs",
-      "import": "./dist/pages/LoginPage.js"
+      "import": "./dist/pages/LoginPage.mjs"
     },
     "./pages/NotAuthorized": {
       "require": "./dist/pages/NotAuthorized.cjs",
-      "import": "./dist/pages/NotAuthorized.js"
+      "import": "./dist/pages/NotAuthorized.mjs"
     },
     "./pages/NotFound": {
       "require": "./dist/pages/NotFound.cjs",
-      "import": "./dist/pages/NotFound.js"
+      "import": "./dist/pages/NotFound.mjs"
     },
     "./pages/RegisterPage": {
       "require": "./dist/pages/RegisterPage.cjs",
-      "import": "./dist/pages/RegisterPage.js"
+      "import": "./dist/pages/RegisterPage.mjs"
     },
     "./pages/VerifyEmailPage": {
       "require": "./dist/pages/VerifyEmailPage.cjs",
-      "import": "./dist/pages/VerifyEmailPage.js"
+      "import": "./dist/pages/VerifyEmailPage.mjs"
     },
     "./systems/google": {
       "require": "./dist/systems/google.cjs",
-      "import": "./dist/systems/google.js"
+      "import": "./dist/systems/google.mjs"
     },
     "./typography/paragraph": {
       "require": "./dist/typography/paragraph.cjs",
-      "import": "./dist/typography/paragraph.js"
+      "import": "./dist/typography/paragraph.mjs"
     },
     "./typography/title": {
       "require": "./dist/typography/title.cjs",
-      "import": "./dist/typography/title.js"
+      "import": "./dist/typography/title.mjs"
     },
     "./ui/alert": {
       "require": "./dist/ui/alert.cjs",
-      "import": "./dist/ui/alert.js"
+      "import": "./dist/ui/alert.mjs"
     },
     "./ui/alert-dialog": {
       "require": "./dist/ui/alert-dialog.cjs",
-      "import": "./dist/ui/alert-dialog.js"
+      "import": "./dist/ui/alert-dialog.mjs"
     },
     "./ui/aspect-ratio": {
       "require": "./dist/ui/aspect-ratio.cjs",
-      "import": "./dist/ui/aspect-ratio.js"
+      "import": "./dist/ui/aspect-ratio.mjs"
     },
     "./ui/avatar": {
       "require": "./dist/ui/avatar.cjs",
-      "import": "./dist/ui/avatar.js"
+      "import": "./dist/ui/avatar.mjs"
     },
     "./ui/badge": {
       "require": "./dist/ui/badge.cjs",
-      "import": "./dist/ui/badge.js"
+      "import": "./dist/ui/badge.mjs"
     },
     "./ui/breadcrumb": {
       "require": "./dist/ui/breadcrumb.cjs",
-      "import": "./dist/ui/breadcrumb.js"
+      "import": "./dist/ui/breadcrumb.mjs"
     },
     "./ui/button": {
       "require": "./dist/ui/button.cjs",
-      "import": "./dist/ui/button.js"
+      "import": "./dist/ui/button.mjs"
     },
     "./ui/button-group": {
       "require": "./dist/ui/button-group.cjs",
-      "import": "./dist/ui/button-group.js"
+      "import": "./dist/ui/button-group.mjs"
     },
     "./ui/buttons/add-new": {
       "require": "./dist/ui/buttons/add-new.cjs",
-      "import": "./dist/ui/buttons/add-new.js"
+      "import": "./dist/ui/buttons/add-new.mjs"
     },
     "./ui/buttons/edit": {
       "require": "./dist/ui/buttons/edit.cjs",
-      "import": "./dist/ui/buttons/edit.js"
+      "import": "./dist/ui/buttons/edit.mjs"
     },
     "./ui/buttons/refresh": {
       "require": "./dist/ui/buttons/refresh.cjs",
-      "import": "./dist/ui/buttons/refresh.js"
+      "import": "./dist/ui/buttons/refresh.mjs"
     },
     "./ui/buttons/trash": {
       "require": "./dist/ui/buttons/trash.cjs",
-      "import": "./dist/ui/buttons/trash.js"
+      "import": "./dist/ui/buttons/trash.mjs"
     },
     "./ui/buttons/upload-image": {
       "require": "./dist/ui/buttons/upload-image.cjs",
-      "import": "./dist/ui/buttons/upload-image.js"
+      "import": "./dist/ui/buttons/upload-image.mjs"
     },
     "./ui/calendar": {
       "require": "./dist/ui/calendar.cjs",
-      "import": "./dist/ui/calendar.js"
+      "import": "./dist/ui/calendar.mjs"
     },
     "./ui/card": {
       "require": "./dist/ui/card.cjs",
-      "import": "./dist/ui/card.js"
+      "import": "./dist/ui/card.mjs"
     },
     "./ui/carousel": {
       "require": "./dist/ui/carousel.cjs",
-      "import": "./dist/ui/carousel.js"
+      "import": "./dist/ui/carousel.mjs"
     },
     "./ui/checkbox": {
       "require": "./dist/ui/checkbox.cjs",
-      "import": "./dist/ui/checkbox.js"
+      "import": "./dist/ui/checkbox.mjs"
     },
     "./ui/collapsible": {
       "require": "./dist/ui/collapsible.cjs",
-      "import": "./dist/ui/collapsible.js"
+      "import": "./dist/ui/collapsible.mjs"
     },
     "./ui/command": {
       "require": "./dist/ui/command.cjs",
-      "import": "./dist/ui/command.js"
+      "import": "./dist/ui/command.mjs"
     },
     "./ui/context-menu": {
       "require": "./dist/ui/context-menu.cjs",
-      "import": "./dist/ui/context-menu.js"
+      "import": "./dist/ui/context-menu.mjs"
     },
     "./ui/dialog": {
       "require": "./dist/ui/dialog.cjs",
-      "import": "./dist/ui/dialog.js"
+      "import": "./dist/ui/dialog.mjs"
     },
     "./ui/drawer": {
       "require": "./dist/ui/drawer.cjs",
-      "import": "./dist/ui/drawer.js"
+      "import": "./dist/ui/drawer.mjs"
     },
     "./ui/dropdown-menu": {
       "require": "./dist/ui/dropdown-menu.cjs",
-      "import": "./dist/ui/dropdown-menu.js"
+      "import": "./dist/ui/dropdown-menu.mjs"
     },
     "./ui/empty": {
       "require": "./dist/ui/empty.cjs",
-      "import": "./dist/ui/empty.js"
+      "import": "./dist/ui/empty.mjs"
     },
     "./ui/field": {
       "require": "./dist/ui/field.cjs",
-      "import": "./dist/ui/field.js"
+      "import": "./dist/ui/field.mjs"
     },
     "./ui/file-uploader": {
       "require": "./dist/ui/file-uploader.cjs",
-      "import": "./dist/ui/file-uploader.js"
+      "import": "./dist/ui/file-uploader.mjs"
     },
     "./ui/form": {
       "require": "./dist/ui/form.cjs",
-      "import": "./dist/ui/form.js"
+      "import": "./dist/ui/form.mjs"
     },
     "./ui/hover-card": {
       "require": "./dist/ui/hover-card.cjs",
-      "import": "./dist/ui/hover-card.js"
+      "import": "./dist/ui/hover-card.mjs"
     },
     "./ui/image": {
       "require": "./dist/ui/image.cjs",
-      "import": "./dist/ui/image.js"
+      "import": "./dist/ui/image.mjs"
     },
     "./ui/input": {
       "require": "./dist/ui/input.cjs",
-      "import": "./dist/ui/input.js"
+      "import": "./dist/ui/input.mjs"
     },
     "./ui/input-otp": {
       "require": "./dist/ui/input-otp.cjs",
-      "import": "./dist/ui/input-otp.js"
+      "import": "./dist/ui/input-otp.mjs"
     },
     "./ui/inputs/search-input": {
       "require": "./dist/ui/inputs/search-input.cjs",
-      "import": "./dist/ui/inputs/search-input.js"
+      "import": "./dist/ui/inputs/search-input.mjs"
     },
     "./ui/item": {
       "require": "./dist/ui/item.cjs",
-      "import": "./dist/ui/item.js"
+      "import": "./dist/ui/item.mjs"
     },
     "./ui/label": {
       "require": "./dist/ui/label.cjs",
-      "import": "./dist/ui/label.js"
+      "import": "./dist/ui/label.mjs"
     },
     "./ui/menubar": {
       "require": "./dist/ui/menubar.cjs",
-      "import": "./dist/ui/menubar.js"
+      "import": "./dist/ui/menubar.mjs"
     },
     "./ui/multi-select": {
       "require": "./dist/ui/multi-select.cjs",
-      "import": "./dist/ui/multi-select.js"
+      "import": "./dist/ui/multi-select.mjs"
     },
     "./ui/navigation-menu": {
       "require": "./dist/ui/navigation-menu.cjs",
-      "import": "./dist/ui/navigation-menu.js"
+      "import": "./dist/ui/navigation-menu.mjs"
     },
     "./ui/pagination": {
       "require": "./dist/ui/pagination.cjs",
-      "import": "./dist/ui/pagination.js"
+      "import": "./dist/ui/pagination.mjs"
     },
     "./ui/popover": {
       "require": "./dist/ui/popover.cjs",
-      "import": "./dist/ui/popover.js"
+      "import": "./dist/ui/popover.mjs"
     },
     "./ui/progress": {
       "require": "./dist/ui/progress.cjs",
-      "import": "./dist/ui/progress.js"
+      "import": "./dist/ui/progress.mjs"
     },
     "./ui/radio-group": {
       "require": "./dist/ui/radio-group.cjs",
-      "import": "./dist/ui/radio-group.js"
+      "import": "./dist/ui/radio-group.mjs"
     },
     "./ui/resizable": {
       "require": "./dist/ui/resizable.cjs",
-      "import": "./dist/ui/resizable.js"
+      "import": "./dist/ui/resizable.mjs"
     },
     "./ui/scroll-area": {
       "require": "./dist/ui/scroll-area.cjs",
-      "import": "./dist/ui/scroll-area.js"
+      "import": "./dist/ui/scroll-area.mjs"
     },
     "./ui/select": {
       "require": "./dist/ui/select.cjs",
-      "import": "./dist/ui/select.js"
+      "import": "./dist/ui/select.mjs"
     },
     "./ui/separator": {
       "require": "./dist/ui/separator.cjs",
-      "import": "./dist/ui/separator.js"
+      "import": "./dist/ui/separator.mjs"
     },
     "./ui/sheet": {
       "require": "./dist/ui/sheet.cjs",
-      "import": "./dist/ui/sheet.js"
+      "import": "./dist/ui/sheet.mjs"
     },
     "./ui/skeleton": {
       "require": "./dist/ui/skeleton.cjs",
-      "import": "./dist/ui/skeleton.js"
+      "import": "./dist/ui/skeleton.mjs"
     },
     "./ui/slider": {
       "require": "./dist/ui/slider.cjs",
-      "import": "./dist/ui/slider.js"
+      "import": "./dist/ui/slider.mjs"
     },
     "./ui/sonner": {
       "require": "./dist/ui/sonner.cjs",
-      "import": "./dist/ui/sonner.js"
+      "import": "./dist/ui/sonner.mjs"
     },
     "./ui/spinner": {
       "require": "./dist/ui/spinner.cjs",
-      "import": "./dist/ui/spinner.js"
+      "import": "./dist/ui/spinner.mjs"
     },
     "./ui/switch": {
       "require": "./dist/ui/switch.cjs",
-      "import": "./dist/ui/switch.js"
+      "import": "./dist/ui/switch.mjs"
     },
     "./ui/table": {
       "require": "./dist/ui/table.cjs",
-      "import": "./dist/ui/table.js"
+      "import": "./dist/ui/table.mjs"
     },
     "./ui/tabs": {
       "require": "./dist/ui/tabs.cjs",
-      "import": "./dist/ui/tabs.js"
+      "import": "./dist/ui/tabs.mjs"
     },
     "./ui/textarea": {
       "require": "./dist/ui/textarea.cjs",
-      "import": "./dist/ui/textarea.js"
+      "import": "./dist/ui/textarea.mjs"
     },
     "./ui/toggle": {
       "require": "./dist/ui/toggle.cjs",
-      "import": "./dist/ui/toggle.js"
+      "import": "./dist/ui/toggle.mjs"
     },
     "./ui/toggle-group": {
       "require": "./dist/ui/toggle-group.cjs",
-      "import": "./dist/ui/toggle-group.js"
+      "import": "./dist/ui/toggle-group.mjs"
     },
     "./ui/tooltip": {
       "require": "./dist/ui/tooltip.cjs",
-      "import": "./dist/ui/tooltip.js"
+      "import": "./dist/ui/tooltip.mjs"
     },
     "./package.json": "./package.json"
   },
@@ -500,7 +500,7 @@
     "@vitest/coverage-v8": "^4.1.9",
     "jsdom": "^26.1.0",
     "playwright": "^1.61.0",
-    "tsdown": "^0.18.0",
+    "tsdown": "0.18.0",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.30.1",
     "unplugin-lightningcss": "^0.4.2",
@@ -508,6 +508,6 @@
     "vitest": "^4.1.8"
   },
   "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.cts"
 }

package/dist/alert-B2PaDJp6.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`class-variance-authority`),a=require(`react/jsx-runtime`);const o=(0,i.cva)([`relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`grid-cols-[0_1fr]`,`has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3`,`[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,`transition-colors duration-150`],{variants:{variant:{default:`bg-card text-text-positive-strong border-border`,destructive:`bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong`,warning:`bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong`,success:`bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong`,info:`bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong`}},defaultVariants:{variant:`default`}});function s({className:e,variant:i,children:s,icon:c,dismissible:l,onDismiss:u,...d}){let f=(0,n.useMemo)(()=>{if(!c)switch(i){case`destructive`:return(0,a.jsx)(t.AlertCircle,{});case`warning`:return(0,a.jsx)(t.AlertTriangle,{});case`success`:return(0,a.jsx)(t.CheckCircle,{});case`info`:return(0,a.jsx)(t.Info,{});default:return null}return c},[c,i]);return(0,a.jsxs)(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":i,className:(0,r.cn)(o({variant:i}),e),...d,children:[f,s,l&&(0,a.jsx)(`button`,{type:`button`,onClick:u,"aria-label":`Close alert`,className:`absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100`,"data-slot":`alert-close`,children:(0,a.jsx)(t.X,{size:16})})]})}function c({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-title`,className:(0,r.cn)(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...t})}function l({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-description`,className:(0,r.cn)(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...t})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=alert-B2PaDJp6.cjs.map

package/dist/alert-B2PaDJp6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-B2PaDJp6.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":"0MAKA,MAAa,GAAA,EAAA,EAAA,KACX,CACE,iFACA,oBACA,qDACA,8DACA,iCACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,mIACP,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CCUD,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,GAAA,EAAA,EAAA,aAA4B,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAAA,EAAAA,CAAc,CACxB,IAAK,UACH,OAAO,EAAA,EAAA,KAACC,EAAAA,cAAAA,EAAAA,CAAgB,CAC1B,IAAK,UACH,OAAO,EAAA,EAAA,KAACC,EAAAA,YAAAA,EAAAA,CAAc,CACxB,IAAK,OACH,OAAO,EAAA,EAAA,KAACC,EAAAA,KAAAA,EAAAA,CAAO,CACjB,QACE,OAAO,KAGb,OAAO,GACN,CAAC,EAAM,EAAQ,CAAC,CAEnB,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,GAAI,YAClH,EACA,EACA,IACC,EAAA,EAAA,KAAC,SAAA,CACC,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,wBAEV,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAE,KAAM,GAAA,CAAM,EACR,GAEP,CAiBV,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,8DAA+D,EAAU,CAAE,GAAI,GAAS,CAgB5I,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,oBACV,WAAA,EAAA,EAAA,IAAc,mGAAoG,EAAU,CAC5H,GAAI,GACJ"}

package/dist/alert-BzBDfGk2.js

@@ -1,2 +0,0 @@
-import{AlertCircle as e,AlertTriangle as t,CheckCircle as n,Info as r,X as i}from"lucide-react";import{useMemo as a}from"react";import{cn as o}from"@customafk/react-toolkit/utils";import{cva as s}from"class-variance-authority";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s([`relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`grid-cols-[0_1fr]`,`has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3`,`[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,`transition-colors duration-150`],{variants:{variant:{default:`bg-card text-text-positive-strong border-border`,destructive:`bg-danger-bg-subtle text-danger-intense border-danger-border-subtle [&>svg]:text-danger *:data-[slot=alert-description]:text-danger-strong`,warning:`bg-warning-bg-subtle text-warning-intense border-warning-border-subtle [&>svg]:text-warning *:data-[slot=alert-description]:text-warning-strong`,success:`bg-success-bg-subtle text-success-intense border-success-border-subtle [&>svg]:text-success *:data-[slot=alert-description]:text-success-strong`,info:`bg-info-bg-subtle text-info-intense border-info-border-subtle [&>svg]:text-info *:data-[slot=alert-description]:text-info-strong`}},defaultVariants:{variant:`default`}});function d({className:s,variant:d,children:f,icon:p,dismissible:m,onDismiss:h,...g}){let _=a(()=>{if(!p)switch(d){case`destructive`:return c(e,{});case`warning`:return c(t,{});case`success`:return c(n,{});case`info`:return c(r,{});default:return null}return p},[p,d]);return l(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":d,className:o(u({variant:d}),s),...g,children:[_,f,m&&c(`button`,{type:`button`,onClick:h,"aria-label":`Close alert`,className:`absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity duration-100 hover:opacity-100`,"data-slot":`alert-close`,children:c(i,{size:16})})]})}function f({className:e,...t}){return c(`div`,{"data-slot":`alert-title`,className:o(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...t})}function p({className:e,...t}){return c(`div`,{"data-slot":`alert-description`,className:o(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...t})}export{p as n,f as r,d as t};
-//# sourceMappingURL=alert-BzBDfGk2.js.map

package/dist/alert-BzBDfGk2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-BzBDfGk2.js","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,iCACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YACE,6IACF,QACE,kJACF,QACE,kJACF,KAAM,mIACP,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CCUD,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,EAAA,EAAA,CAAc,CACxB,IAAK,UACH,OAAO,EAAC,EAAA,EAAA,CAAgB,CAC1B,IAAK,UACH,OAAO,EAAC,EAAA,EAAA,CAAc,CACxB,IAAK,OACH,OAAO,EAAC,EAAA,EAAA,CAAO,CACjB,QACE,OAAO,KAGb,OAAO,GACN,CAAC,EAAM,EAAQ,CAAC,CAEnB,OACE,EAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,UAAW,EAAG,EAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,GAAI,YAClH,EACA,EACA,GACC,EAAC,SAAA,CACC,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,4GACV,YAAU,uBAEV,EAAC,EAAA,CAAE,KAAM,GAAA,CAAM,EACR,GAEP,CAiBV,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,8DAA+D,EAAU,CAAE,GAAI,GAAS,CAgB5I,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EAAG,mGAAoG,EAAU,CAC5H,GAAI,GACJ"}