@lerianstudio/sindarian-ui 2.0.0-beta.25 → 2.0.0-beta.26

package/dist/components/dialog/confirmation-dialog/index.js

@@ -1,96 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmationDialog = ConfirmationDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const button_1 = require("../../../components/ui/button");
-const alert_dialog_1 = require("../../../components/ui/alert-dialog");
-const loading_button_1 = require("../../../components/ui/loading-button");
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-const class_variance_authority_1 = require("class-variance-authority");
-const confirmationDialogIconVariants = (0, class_variance_authority_1.cva)('flex size-10 shrink-0 items-center justify-center rounded-lg [&>svg]:size-6', {
-    variants: {
-        // System tokens, not raw palette steps: a raw 50-step surface has no dark
-        // counterpart, so on the dark canvas it rendered a near-white block.
-        // `default` is deliberately neutral so `destructive` reads as a distinct,
-        // heavier warning instead of an alias of it.
-        variant: {
-            default: 'bg-muted text-foreground',
-            warning: 'bg-system-alert-surface text-system-alert-h1a',
-            destructive: 'bg-system-error-surface text-system-error-h1a',
-            success: 'bg-system-success-surface text-system-success-h1a'
-        }
-    },
-    defaultVariants: {
-        variant: 'default'
-    }
-});
-const ConfirmationDialogIcon = ({ className, variant, ...props }) => ((0, jsx_runtime_1.jsxs)("span", { className: (0, utils_1.cn)(confirmationDialogIconVariants({ variant }), className), ...props, children: [variant === 'default' && (0, jsx_runtime_1.jsx)(lucide_react_1.CircleQuestionMark, {}), variant === 'warning' && (0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert, {}), variant === 'destructive' && (0, jsx_runtime_1.jsx)(lucide_react_1.Ban, {}), variant === 'success' && (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, {})] }));
-function ConfirmationDialog({ open, onOpenChange, title = null, description = null, variant = 'default', loading, onConfirm = () => { }, onCancel = () => { }, confirmLabel, cancelLabel, pendingLabel }) {
-    const [pending, setPending] = React.useState(false);
-    const busy = Boolean(loading) || pending;
-    const handleConfirm = async () => {
-        if (busy) {
-            return;
-        }
-        setPending(true);
-        try {
-            await onConfirm();
-            onOpenChange(false);
-        }
-        catch {
-            // Deliberately silent: the caller owns error UX. Catching only keeps a
-            // rejection from escaping the click handler as an unhandled rejection —
-            // the dialog stays open so the caller can render the failure in place.
-        }
-        finally {
-            setPending(false);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialog, { open: open, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogContent, { "data-testid": "dialog", 
-            // Radix already blocks outside interaction on an alert dialog, so
-            // Escape is the only remaining way to abandon a mutation mid-flight.
-            onEscapeKeyDown: (event) => {
-                if (busy) {
-                    event.preventDefault();
-                }
-            }, children: [(0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogHeader, { className: "flex-row items-center", children: [(0, jsx_runtime_1.jsx)(ConfirmationDialogIcon, { variant: variant }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [title == null ||
-                                    title === false ||
-                                    title === true ||
-                                    title === '' ? ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogTitle, { className: "sr-only", children: confirmLabel || 'Confirm' })) : ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogTitle, { children: title })), description == null ? null : ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogDescription, { children: description }))] })] }), pendingLabel ? ((0, jsx_runtime_1.jsx)("span", { role: "status", className: "sr-only", children: busy ? pendingLabel : '' })) : null, (0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogFooter, { className: "gap-4", children: [(0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogCancel, { asChild: true, variant: "secondary", children: (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onCancel, disabled: busy, variant: "secondary", size: "small", children: cancelLabel ?? 'Cancel' }) }), (0, jsx_runtime_1.jsx)(loading_button_1.LoadingButton, { loading: busy, onClick: handleConfirm, variant: variant === 'destructive' ? 'destructive' : 'primary', size: "small", "data-testid": "confirm", children: confirmLabel ?? 'Confirm' })] })] }) }));
-}
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(s,e,t,r){if(r===void 0)r=t;var n=Object.getOwnPropertyDescriptor(e,t);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[t]}}}Object.defineProperty(s,r,n)}):(function(s,e,t,r){if(r===void 0)r=t;s[r]=e[t]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(s,e){Object.defineProperty(s,"default",{enumerable:true,value:e})}):function(s,e){s["default"]=e});var __importStar=this&&this.__importStar||(function(){var s=function(e){s=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))r[r.length]=n;return r};return s(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null){for(var r=s(e),n=0;n<r.length;n++)if(r[n]!=="default")__createBinding(t,e,r[n])}__setModuleDefault(t,e);return t}})();Object.defineProperty(exports,"__esModule",{value:true});exports.ConfirmationDialog=ConfirmationDialog;const jsx_runtime_1=require("react/jsx-runtime");const React=__importStar(require("react"));const button_1=require("../../../components/ui/button");const alert_dialog_1=require("../../../components/ui/alert-dialog");const loading_button_1=require("../../../components/ui/loading-button");const lucide_react_1=require("lucide-react");const utils_1=require("../../../lib/utils");const class_variance_authority_1=require("class-variance-authority");const confirmationDialogIconVariants=(0,class_variance_authority_1.cva)("flex size-10 shrink-0 items-center justify-center rounded-lg [&>svg]:size-6",{variants:{variant:{default:"bg-muted text-foreground",warning:"bg-system-alert-surface text-system-alert-h1a",destructive:"bg-system-error-surface text-system-error-h1a",success:"bg-system-success-surface text-system-success-h1a"}},defaultVariants:{variant:"default"}});const ConfirmationDialogIcon=({className:s,variant:e,...t})=>(0,jsx_runtime_1.jsxs)("span",{className:(0,utils_1.cn)(confirmationDialogIconVariants({variant:e}),s),...t,children:[e==="default"&&(0,jsx_runtime_1.jsx)(lucide_react_1.CircleQuestionMark,{}),e==="warning"&&(0,jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert,{}),e==="destructive"&&(0,jsx_runtime_1.jsx)(lucide_react_1.Ban,{}),e==="success"&&(0,jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2,{})]});function ConfirmationDialog({open:s,onOpenChange:e,title:t=null,description:r=null,variant:n="default",loading:o,onConfirm:u=()=>{},onCancel:d=()=>{},confirmLabel:i,cancelLabel:f,pendingLabel:l}){const[g,c]=React.useState(false);const a=Boolean(o)||g;const h=async()=>{if(a){return}c(true);try{await u();e(false)}catch{}finally{c(false)}};return(0,jsx_runtime_1.jsx)(alert_dialog_1.AlertDialog,{open:s,onOpenChange:e,children:(0,jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogContent,{"data-testid":"dialog",onEscapeKeyDown:_=>{if(a){_.preventDefault()}},children:[(0,jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogHeader,{className:"flex-row items-center",children:[(0,jsx_runtime_1.jsx)(ConfirmationDialogIcon,{variant:n}),(0,jsx_runtime_1.jsxs)("div",{className:"flex flex-col gap-4",children:[t==null||t===false||t===true||t===""?(0,jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogTitle,{className:"sr-only",children:i||"Confirm"}):(0,jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogTitle,{children:t}),r==null?null:(0,jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogDescription,{children:r})]})]}),l?(0,jsx_runtime_1.jsx)("span",{role:"status",className:"sr-only",children:a?l:""}):null,(0,jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogFooter,{className:"gap-4",children:[(0,jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogCancel,{asChild:true,variant:"secondary",children:(0,jsx_runtime_1.jsx)(button_1.Button,{onClick:d,disabled:a,variant:"secondary",size:"small",children:f??"Cancel"})}),(0,jsx_runtime_1.jsx)(loading_button_1.LoadingButton,{loading:a,onClick:h,variant:n==="destructive"?"destructive":"primary",size:"small","data-testid":"confirm",children:i??"Confirm"})]})]})})}

package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.js

@@ -1,55 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConfirmDialog = useConfirmDialog;
-const react_1 = __importDefault(require("react"));
-/**
- * A custom hook that manages the state and behavior of a confirmation dialog.
- *
- * @template TData - The type of the data associated with the dialog.
- *
- * @param {UseConfirmDialog} param0 - An object containing the onConfirm callback.
- * @param {Function} [param0.onConfirm] - A callback function that is called when the dialog is confirmed.
- *
- * @returns {Object} An object containing the dialog state and handlers.
- * @returns {string} id - The current id associated with the dialog.
- * @returns {TData | null} data - The current data associated with the dialog.
- * @returns {Function} handleDialogOpen - A function to open the dialog with a specific id and optional data.
- * @returns {Object} dialogProps - An object containing the dialog properties and handlers.
- */
-function useConfirmDialog({ onConfirm: onConfirmProp }) {
-    const [id, setId] = react_1.default.useState('');
-    const [data, setData] = react_1.default.useState(null);
-    const [open, setOpen] = react_1.default.useState(false);
-    const onOpenChange = (open) => setOpen(open);
-    const handleDialogOpen = (id, data) => {
-        setId(id);
-        setData(data);
-        setOpen(true);
-    };
-    const handleDialogClose = () => setOpen(false);
-    const onCancel = () => {
-        setId('');
-        setData(null);
-        setOpen(false);
-    };
-    const onConfirm = () => {
-        setId('');
-        setData(null);
-        onConfirmProp?.(id);
-    };
-    return {
-        id,
-        data,
-        handleDialogClose,
-        handleDialogOpen,
-        dialogProps: {
-            open,
-            onOpenChange,
-            onCancel,
-            onConfirm
-        }
-    };
-}
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{"default":e}};Object.defineProperty(exports,"__esModule",{value:true});exports.useConfirmDialog=useConfirmDialog;const react_1=__importDefault(require("react"));function useConfirmDialog({onConfirm:e}){const[a,n]=react_1.default.useState("");const[l,o]=react_1.default.useState(null);const[u,t]=react_1.default.useState(false);const r=s=>t(s);const i=(s,p)=>{n(s);o(p);t(true)};const c=()=>t(false);const f=()=>{n("");o(null);t(false)};const d=()=>{n("");o(null);e?.(a)};return{id:a,data:l,handleDialogClose:c,handleDialogOpen:i,dialogProps:{open:u,onOpenChange:r,onCancel:f,onConfirm:d}}}

package/dist/components/dialog/index.js

@@ -1,19 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./confirmation-dialog"), exports);
-__exportStar(require("./confirmation-dialog/use-confirm-dialog"), exports);
-__exportStar(require("./large-dialog"), exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,r,e,t){if(t===void 0)t=e;var n=Object.getOwnPropertyDescriptor(r,e);if(!n||("get"in n?!r.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return r[e]}}}Object.defineProperty(i,t,n)}):(function(i,r,e,t){if(t===void 0)t=e;i[t]=r[e]}));var __exportStar=this&&this.__exportStar||function(i,r){for(var e in i)if(e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e))__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:true});__exportStar(require("./confirmation-dialog"),exports);__exportStar(require("./confirmation-dialog/use-confirm-dialog"),exports);__exportStar(require("./large-dialog"),exports);

package/dist/components/dialog/large-dialog/index.js

@@ -1,21 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnboardDialogContent = OnboardDialogContent;
-exports.OnboardDialogHeader = OnboardDialogHeader;
-exports.OnboardDialogTitle = OnboardDialogTitle;
-exports.OnboardDialogIcon = OnboardDialogIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../../lib/utils");
-const dialog_1 = require("../../../components/ui/dialog");
-function OnboardDialogContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(dialog_1.DialogContent, { "data-slot": "onboard-dialog-content", showCloseButton: false, className: (0, utils_1.cn)('w-full max-w-[640px] p-12 sm:min-w-[640px]', className), ...props }));
-}
-function OnboardDialogHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "onboard-dialog-header", className: (0, utils_1.cn)('flex flex-row justify-between', className), ...props }));
-}
-function OnboardDialogTitle({ upperTitle, title, className, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "onboard-dialog-title", className: (0, utils_1.cn)('flex flex-col gap-8', className), ...props, children: [(0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground text-base font-medium", children: upperTitle }), (0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { className: "text-muted-foreground text-4xl font-bold", children: title })] }));
-}
-function OnboardDialogIcon({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "onboard-dialog-icon", className: (0, utils_1.cn)('flex items-center px-12', className), ...props, children: (0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: children }) }));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.OnboardDialogContent=OnboardDialogContent;exports.OnboardDialogHeader=OnboardDialogHeader;exports.OnboardDialogTitle=OnboardDialogTitle;exports.OnboardDialogIcon=OnboardDialogIcon;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../../lib/utils");const dialog_1=require("../../../components/ui/dialog");function OnboardDialogContent({className:e,...o}){return(0,jsx_runtime_1.jsx)(dialog_1.DialogContent,{"data-slot":"onboard-dialog-content",showCloseButton:false,className:(0,utils_1.cn)("w-full max-w-[640px] p-12 sm:min-w-[640px]",e),...o})}function OnboardDialogHeader({className:e,...o}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"onboard-dialog-header",className:(0,utils_1.cn)("flex flex-row justify-between",e),...o})}function OnboardDialogTitle({upperTitle:e,title:o,className:t,...n}){return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"onboard-dialog-title",className:(0,utils_1.cn)("flex flex-col gap-8",t),...n,children:[(0,jsx_runtime_1.jsx)("p",{className:"text-muted-foreground text-base font-medium",children:e}),(0,jsx_runtime_1.jsx)(dialog_1.DialogTitle,{className:"text-muted-foreground text-4xl font-bold",children:o})]})}function OnboardDialogIcon({className:e,children:o,...t}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"onboard-dialog-icon",className:(0,utils_1.cn)("flex items-center px-12",e),...t,children:(0,jsx_runtime_1.jsx)("div",{className:"shrink-0",children:o})})}

package/dist/components/entity-box/index.js

@@ -1,67 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntityBox = EntityBox;
-exports.EntityBoxCollapsible = EntityBoxCollapsible;
-exports.EntityBoxCollapsibleTrigger = EntityBoxCollapsibleTrigger;
-exports.EntityBoxCollapsibleContent = EntityBoxCollapsibleContent;
-exports.EntityBoxHeaderTitle = EntityBoxHeaderTitle;
-exports.EntityBoxBanner = EntityBoxBanner;
-exports.EntityBoxActions = EntityBoxActions;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../lib/utils");
-const tooltip_1 = require("../ui/tooltip");
-const lucide_react_1 = require("lucide-react");
-const collapsible_1 = require("../ui/collapsible");
-const button_1 = require("../ui/button");
-const separator_1 = require("../ui/separator");
-function EntityBox({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "entity-box", className: (0, utils_1.cn)('shadow-entity-box bg-card mb-2 flex items-center justify-between rounded-lg p-6', className), ...props, children: children }));
-}
-/**
- * The open state, republished for the trigger.
- *
- * Radix keeps it in a context it does not export, and the trigger one element
- * down needs it to say what activating it will DO. Mirroring it here rather
- * than forcing every consumer to lift the state: all ten console call sites
- * render `<EntityBoxCollapsible>` uncontrolled.
- */
-const EntityBoxCollapsibleContext = react_1.default.createContext(false);
-function EntityBoxCollapsible({ className, open, defaultOpen, onOpenChange, ...props }) {
-    const [uncontrolled, setUncontrolled] = react_1.default.useState(defaultOpen ?? false);
-    return ((0, jsx_runtime_1.jsx)(EntityBoxCollapsibleContext.Provider, { value: open ?? uncontrolled, children: (0, jsx_runtime_1.jsx)(collapsible_1.Collapsible, { className: (0, utils_1.cn)('shadow-entity-box bg-card mb-2 flex flex-col rounded-lg', className), open: open, defaultOpen: defaultOpen, onOpenChange: (next) => {
-                setUncontrolled(next);
-                onOpenChange?.(next);
-            }, ...props }) }));
-}
-/**
- * ⛔ THIS TRIGGER HAS NO TEXT NODE. It is a `Settings2` glyph inside a Button,
- * so without an `aria-label` a screen reader announced "button" and nothing
- * else (SC 4.1.2) — and this is the control that opens the filter panel on
- * every console list page.
- *
- * The name describes the ACTION and Radix's `aria-expanded` carries the state,
- * so the two halves do not repeat each other. English defaults because no
- * consumer passes a label today; a translated console overrides both.
- */
-function EntityBoxCollapsibleTrigger({ expandLabel = 'Expand', collapseLabel = 'Collapse', 'aria-label': ariaLabel, ...props }) {
-    const open = react_1.default.useContext(EntityBoxCollapsibleContext);
-    return ((0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { ...props, asChild: true, children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "secondary", className: "h-[34px] w-[34px] p-2", "aria-label": ariaLabel ?? (open ? collapseLabel : expandLabel), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Settings2, { size: 16, "aria-hidden": true }) }) }));
-}
-function EntityBoxCollapsibleContent({ children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(collapsible_1.CollapsibleContent, { ...props, children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, { orientation: "horizontal" }), (0, jsx_runtime_1.jsx)("div", { className: "grid w-full grid-cols-3 p-6", children: children })] }));
-}
-function EntityBoxHeaderTitle({ title, subtitle, tooltip, tooltipWidth, className, as: Heading = 'h2', ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "entity-box-header", className: (0, utils_1.cn)('flex flex-col items-start', className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-[10px]", children: [(0, jsx_runtime_1.jsx)(Heading, { className: "text-muted-foreground text-lg font-medium", children: title }), tooltip && ((0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelp, { className: "pointer text-muted-foreground h-5 w-5" }) }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: "right", style: tooltipWidth
-                                        ? { width: tooltipWidth, maxWidth: tooltipWidth }
-                                        : undefined, children: tooltip })] }) }))] }), subtitle && (0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground text-sm", children: subtitle })] }));
-}
-function EntityBoxBanner({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "entity-box-banner", className: (0, utils_1.cn)('grid grid-cols-3 p-6', className), ...props, children: children }));
-}
-function EntityBoxActions({ className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "entity-box-actions", className: (0, utils_1.cn)('col-start-3 flex flex-row items-center justify-end gap-4', className), ...props, children: children }));
-}
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{"default":e}};Object.defineProperty(exports,"__esModule",{value:true});exports.EntityBox=EntityBox;exports.EntityBoxCollapsible=EntityBoxCollapsible;exports.EntityBoxCollapsibleTrigger=EntityBoxCollapsibleTrigger;exports.EntityBoxCollapsibleContent=EntityBoxCollapsibleContent;exports.EntityBoxHeaderTitle=EntityBoxHeaderTitle;exports.EntityBoxBanner=EntityBoxBanner;exports.EntityBoxActions=EntityBoxActions;const jsx_runtime_1=require("react/jsx-runtime");const react_1=__importDefault(require("react"));const utils_1=require("../../lib/utils");const tooltip_1=require("../ui/tooltip");const lucide_react_1=require("lucide-react");const collapsible_1=require("../ui/collapsible");const button_1=require("../ui/button");const separator_1=require("../ui/separator");function EntityBox({className:e,children:t,...n}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"entity-box",className:(0,utils_1.cn)("shadow-entity-box bg-card mb-2 flex items-center justify-between rounded-lg p-6",e),...n,children:t})}const EntityBoxCollapsibleContext=react_1.default.createContext(false);function EntityBoxCollapsible({className:e,open:t,defaultOpen:n,onOpenChange:r,...i}){const[l,s]=react_1.default.useState(n??false);return(0,jsx_runtime_1.jsx)(EntityBoxCollapsibleContext.Provider,{value:t??l,children:(0,jsx_runtime_1.jsx)(collapsible_1.Collapsible,{className:(0,utils_1.cn)("shadow-entity-box bg-card mb-2 flex flex-col rounded-lg",e),open:t,defaultOpen:n,onOpenChange:o=>{s(o);r?.(o)},...i})})}function EntityBoxCollapsibleTrigger({expandLabel:e="Expand",collapseLabel:t="Collapse","aria-label":n,...r}){const i=react_1.default.useContext(EntityBoxCollapsibleContext);return(0,jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger,{...r,asChild:true,children:(0,jsx_runtime_1.jsx)(button_1.Button,{variant:"secondary",className:"h-[34px] w-[34px] p-2","aria-label":n??(i?t:e),children:(0,jsx_runtime_1.jsx)(lucide_react_1.Settings2,{size:16,"aria-hidden":true})})})}function EntityBoxCollapsibleContent({children:e,...t}){return(0,jsx_runtime_1.jsxs)(collapsible_1.CollapsibleContent,{...t,children:[(0,jsx_runtime_1.jsx)(separator_1.Separator,{orientation:"horizontal"}),(0,jsx_runtime_1.jsx)("div",{className:"grid w-full grid-cols-3 p-6",children:e})]})}function EntityBoxHeaderTitle({title:e,subtitle:t,tooltip:n,tooltipWidth:r,className:i,as:l="h2",...s}){return(0,jsx_runtime_1.jsxs)("div",{"data-slot":"entity-box-header",className:(0,utils_1.cn)("flex flex-col items-start",i),...s,children:[(0,jsx_runtime_1.jsxs)("div",{className:"flex items-center gap-[10px]",children:[(0,jsx_runtime_1.jsx)(l,{className:"text-muted-foreground text-lg font-medium",children:e}),n&&(0,jsx_runtime_1.jsx)(tooltip_1.TooltipProvider,{children:(0,jsx_runtime_1.jsxs)(tooltip_1.Tooltip,{children:[(0,jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger,{asChild:true,children:(0,jsx_runtime_1.jsx)(lucide_react_1.CircleHelp,{className:"pointer text-muted-foreground h-5 w-5"})}),(0,jsx_runtime_1.jsx)(tooltip_1.TooltipContent,{side:"right",style:r?{width:r,maxWidth:r}:void 0,children:n})]})})]}),t&&(0,jsx_runtime_1.jsx)("p",{className:"text-muted-foreground text-sm",children:t})]})}function EntityBoxBanner({className:e,children:t,...n}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"entity-box-banner",className:(0,utils_1.cn)("grid grid-cols-3 p-6",e),...n,children:t})}function EntityBoxActions({className:e,children:t,...n}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"entity-box-actions",className:(0,utils_1.cn)("col-start-3 flex flex-row items-center justify-end gap-4",e),...n,children:t})}

package/dist/components/entity-data-table/index.js

@@ -1,20 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntityDataTable = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../lib/utils");
-const paper_1 = require("../ui/paper");
-function EntityDataTableRoot({ className, ...props }) {
-    return (0, jsx_runtime_1.jsx)(paper_1.Paper, { className: className, ...props });
-}
-function EntityDataTableFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "data-table-footer", className: (0, utils_1.cn)('flex flex-row items-center justify-between px-6 py-3', className), ...props }));
-}
-function EntityDataTableFooterText({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("p", { "data-slot": "data-table-footer-text", className: (0, utils_1.cn)('text-muted-foreground text-sm leading-8 italic', className), ...props }));
-}
-exports.EntityDataTable = {
-    Root: EntityDataTableRoot,
-    Footer: EntityDataTableFooter,
-    FooterText: EntityDataTableFooterText
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EntityDataTable=void 0;const jsx_runtime_1=require("react/jsx-runtime");const utils_1=require("../../lib/utils");const paper_1=require("../ui/paper");function EntityDataTableRoot({className:t,...e}){return(0,jsx_runtime_1.jsx)(paper_1.Paper,{className:t,...e})}function EntityDataTableFooter({className:t,...e}){return(0,jsx_runtime_1.jsx)("div",{"data-slot":"data-table-footer",className:(0,utils_1.cn)("flex flex-row items-center justify-between px-6 py-3",t),...e})}function EntityDataTableFooterText({className:t,...e}){return(0,jsx_runtime_1.jsx)("p",{"data-slot":"data-table-footer-text",className:(0,utils_1.cn)("text-muted-foreground text-sm leading-8 italic",t),...e})}exports.EntityDataTable={Root:EntityDataTableRoot,Footer:EntityDataTableFooter,FooterText:EntityDataTableFooterText};

package/dist/components/form/combo-box-field/index.js

@@ -1,35 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboBoxField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const form_1 = require("../../../components/ui/form");
-const popover_1 = require("../../../components/ui/popover");
-const command_1 = require("../../../components/ui/command");
-const button_1 = require("../../../components/ui/button");
-const utils_1 = require("../../../lib/utils");
-const lucide_react_1 = require("lucide-react");
-const ComboBoxField = ({ name, label, placeholder, emptyMessage, required, children, readOnly, ...others }) => {
-    const [open, setOpen] = react_1.default.useState(false);
-    // with the value and label
-    const options = react_1.default.useMemo(() => react_1.default.Children.map(react_1.default.Children.toArray(children), (child) => react_1.default.isValidElement(child) && {
-        value: child.props.value,
-        label: child.props.children
-    }), [children]);
-    const getDisplayValue = react_1.default.useCallback((value) => {
-        return options.find((option) => option.value === value)?.label ?? null;
-    }, [options]);
-    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { name: name, ...others, render: ({ field }) => ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [label && (0, jsx_runtime_1.jsx)(form_1.FormLabel, { children: label }), (0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: readOnly ? false : open, onOpenChange: readOnly ? () => { } : setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", role: "combobox", "aria-expanded": readOnly ? false : open, readOnly: readOnly, tabIndex: 0, className: (0, utils_1.cn)('border-input-border bg-input hover:bg-input text-foreground h-10 w-full justify-between rounded-md border px-4 py-2 pl-6 text-left text-base font-normal focus:ring-2 focus:ring-offset-0 focus:outline-none', !field.value && 'text-muted-foreground'), children: [getDisplayValue(field.value) ?? placeholder, !readOnly && ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }))] }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-(--radix-popover-trigger-width) p-0", children: (0, jsx_runtime_1.jsxs)(command_1.Command, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandInput, { placeholder: placeholder }), (0, jsx_runtime_1.jsxs)(command_1.CommandList, { children: [(0, jsx_runtime_1.jsx)(command_1.CommandEmpty, { children: emptyMessage }), (0, jsx_runtime_1.jsx)(command_1.CommandGroup, { children: react_1.default.Children.map(react_1.default.Children.toArray(children), (child) => react_1.default.isValidElement(child)
-                                                    ? react_1.default.cloneElement(child, {
-                                                        keywords: [child.props.children],
-                                                        onSelect: (value) => {
-                                                            field.onChange(field.value !== value ? value : '');
-                                                            setOpen(false);
-                                                        }
-                                                    })
-                                                    : child) })] })] }) })] }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {})] })) }));
-};
-exports.ComboBoxField = ComboBoxField;
+"use strict";var __importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{"default":o}};Object.defineProperty(exports,"__esModule",{value:true});exports.ComboBoxField=void 0;const jsx_runtime_1=require("react/jsx-runtime");const react_1=__importDefault(require("react"));const form_1=require("../../../components/ui/form");const popover_1=require("../../../components/ui/popover");const command_1=require("../../../components/ui/command");const button_1=require("../../../components/ui/button");const utils_1=require("../../../lib/utils");const lucide_react_1=require("lucide-react");const ComboBoxField=({name:o,label:s,placeholder:u,emptyMessage:p,required:c,children:n,readOnly:r,...m})=>{const[a,l]=react_1.default.useState(false);const i=react_1.default.useMemo(()=>react_1.default.Children.map(react_1.default.Children.toArray(n),e=>react_1.default.isValidElement(e)&&{value:e.props.value,label:e.props.children}),[n]);const x=react_1.default.useCallback(e=>{return i.find(t=>t.value===e)?.label??null},[i]);return(0,jsx_runtime_1.jsx)(form_1.FormField,{name:o,...m,render:({field:e})=>(0,jsx_runtime_1.jsxs)(form_1.FormItem,{required:c,children:[s&&(0,jsx_runtime_1.jsx)(form_1.FormLabel,{children:s}),(0,jsx_runtime_1.jsxs)(popover_1.Popover,{open:r?false:a,onOpenChange:r?()=>{}:l,children:[(0,jsx_runtime_1.jsx)(popover_1.PopoverTrigger,{asChild:true,children:(0,jsx_runtime_1.jsxs)(button_1.Button,{variant:"outline",role:"combobox","aria-expanded":r?false:a,readOnly:r,tabIndex:0,className:(0,utils_1.cn)("border-input-border bg-input hover:bg-input text-foreground h-10 w-full justify-between rounded-md border px-4 py-2 pl-6 text-left text-base font-normal focus:ring-2 focus:ring-offset-0 focus:outline-none",!e.value&&"text-muted-foreground"),children:[x(e.value)??u,!r&&(0,jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),(0,jsx_runtime_1.jsx)(popover_1.PopoverContent,{className:"w-(--radix-popover-trigger-width) p-0",children:(0,jsx_runtime_1.jsxs)(command_1.Command,{children:[(0,jsx_runtime_1.jsx)(command_1.CommandInput,{placeholder:u}),(0,jsx_runtime_1.jsxs)(command_1.CommandList,{children:[(0,jsx_runtime_1.jsx)(command_1.CommandEmpty,{children:p}),(0,jsx_runtime_1.jsx)(command_1.CommandGroup,{children:react_1.default.Children.map(react_1.default.Children.toArray(n),t=>react_1.default.isValidElement(t)?react_1.default.cloneElement(t,{keywords:[t.props.children],onSelect:d=>{e.onChange(e.value!==d?d:"");l(false)}}):t)})]})]})})]}),(0,jsx_runtime_1.jsx)(form_1.FormMessage,{})]})})};exports.ComboBoxField=ComboBoxField;

package/dist/components/form/country-field/index.js

@@ -1,11 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CountryField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const command_1 = require("../../../components/ui/command");
-const combo_box_field_1 = require("../combo-box-field");
-const country_utils_1 = require("../../../utils/country-utils");
-const CountryField = ({ ...others }) => {
-    return ((0, jsx_runtime_1.jsx)(combo_box_field_1.ComboBoxField, { ...others, children: (0, country_utils_1.getCountries)().map((country) => ((0, jsx_runtime_1.jsx)(command_1.CommandItem, { value: country.code, children: country.name }, country.code))) }));
-};
-exports.CountryField = CountryField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.CountryField=void 0;const jsx_runtime_1=require("react/jsx-runtime");const command_1=require("../../../components/ui/command");const combo_box_field_1=require("../combo-box-field");const country_utils_1=require("../../../utils/country-utils");const CountryField=({...o})=>{return(0,jsx_runtime_1.jsx)(combo_box_field_1.ComboBoxField,{...o,children:(0,country_utils_1.getCountries)().map(e=>(0,jsx_runtime_1.jsx)(command_1.CommandItem,{value:e.code,children:e.name},e.code))})};exports.CountryField=CountryField;

package/dist/components/form/date-picker-field/index.js

@@ -1,83 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePickerField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("../../../components/ui/button");
-const calendar_1 = require("../../../components/ui/calendar");
-const form_1 = require("../../../components/ui/form");
-const popover_1 = require("../../../components/ui/popover");
-const utils_1 = require("../../../lib/utils");
-const dayjs_1 = __importDefault(require("dayjs"));
-const lucide_react_1 = require("lucide-react");
-const React = __importStar(require("react"));
-const locale_1 = require("react-day-picker/locale");
-const DatePickerField = ({ name, label, tooltip, labelExtra, description, placeholder, disabled, readOnly, control, required, dateFormat = 'MMM DD, YYYY', align = 'start', valueAsString, locale = locale_1.enUS, ...others }) => {
-    const [open, setOpen] = React.useState(false);
-    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { name: name, control: control, render: ({ field }) => {
-            const convertFieldValueToDate = (fieldValue) => {
-                if (!fieldValue)
-                    return undefined;
-                if (valueAsString) {
-                    const parsed = (0, dayjs_1.default)(fieldValue);
-                    return parsed.isValid() ? parsed.toDate() : undefined;
-                }
-                return fieldValue;
-            };
-            const convertDateToOutputFormat = (date) => {
-                if (!date)
-                    return undefined;
-                if (valueAsString) {
-                    const parsed = (0, dayjs_1.default)(date);
-                    return parsed.isValid() ? parsed.format('YYYY-MM-DD') : undefined;
-                }
-                return date;
-            };
-            const value = convertFieldValueToDate(field.value);
-            const handleSelect = (date) => {
-                field.onChange(convertDateToOutputFormat(date));
-            };
-            return ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [label && ((0, jsx_runtime_1.jsx)(form_1.FormLabel, { extra: tooltip ? (0, jsx_runtime_1.jsx)(form_1.FormTooltip, { children: tooltip }) : labelExtra, children: label })), (0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(form_1.FormControl, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", disabled: disabled, className: (0, utils_1.cn)('bg-input hover:bg-input border-input-border text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal', readOnly && 'pointer-events-none', open && 'ring-ring ring-2 ring-offset-0'), "data-testid": others['data-testid'], icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CalendarIcon, { className: "size-4" }), children: value ? ((0, jsx_runtime_1.jsx)("span", { className: "text-foreground flex-1 text-left font-bold", children: (0, dayjs_1.default)(value).format(dateFormat) })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground flex-1 text-left", children: placeholder })) }) }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-auto p-0", align: align, children: (0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: "single", 
-                                    // `required` mirrors the field's own required: a required
-                                    // field is not emptied by a re-click; an optional one keeps
-                                    // react-day-picker's clear gesture.
-                                    required: required, defaultMonth: value, selected: value, onSelect: handleSelect, disabled: disabled || readOnly, locale: locale }) })] }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {}), description && (0, jsx_runtime_1.jsx)(form_1.FormDescription, { children: description })] }));
-        } }));
-};
-exports.DatePickerField = DatePickerField;
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,o,r){if(r===void 0)r=o;var n=Object.getOwnPropertyDescriptor(e,o);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[o]}}}Object.defineProperty(t,r,n)}):(function(t,e,o,r){if(r===void 0)r=o;t[r]=e[o]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:true,value:e})}):function(t,e){t["default"]=e});var __importStar=this&&this.__importStar||(function(){var t=function(e){t=Object.getOwnPropertyNames||function(o){var r=[];for(var n in o)if(Object.prototype.hasOwnProperty.call(o,n))r[r.length]=n;return r};return t(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null){for(var r=t(e),n=0;n<r.length;n++)if(r[n]!=="default")__createBinding(o,e,r[n])}__setModuleDefault(o,e);return o}})();var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{"default":t}};Object.defineProperty(exports,"__esModule",{value:true});exports.DatePickerField=void 0;const jsx_runtime_1=require("react/jsx-runtime");const button_1=require("../../../components/ui/button");const calendar_1=require("../../../components/ui/calendar");const form_1=require("../../../components/ui/form");const popover_1=require("../../../components/ui/popover");const utils_1=require("../../../lib/utils");const dayjs_1=__importDefault(require("dayjs"));const lucide_react_1=require("lucide-react");const React=__importStar(require("react"));const locale_1=require("react-day-picker/locale");const DatePickerField=({name:t,label:e,tooltip:o,labelExtra:r,description:n,placeholder:_,disabled:u,readOnly:c,control:h,required:l,dateFormat:x="MMM DD, YYYY",align:j="start",valueAsString:d,locale:m=locale_1.enUS,...g})=>{const[f,v]=React.useState(false);return(0,jsx_runtime_1.jsx)(form_1.FormField,{name:t,control:h,render:({field:p})=>{const b=i=>{if(!i)return void 0;if(d){const s=(0,dayjs_1.default)(i);return s.isValid()?s.toDate():void 0}return i};const D=i=>{if(!i)return void 0;if(d){const s=(0,dayjs_1.default)(i);return s.isValid()?s.format("YYYY-MM-DD"):void 0}return i};const a=b(p.value);const F=i=>{p.onChange(D(i))};return(0,jsx_runtime_1.jsxs)(form_1.FormItem,{required:l,children:[e&&(0,jsx_runtime_1.jsx)(form_1.FormLabel,{extra:o?(0,jsx_runtime_1.jsx)(form_1.FormTooltip,{children:o}):r,children:e}),(0,jsx_runtime_1.jsxs)(popover_1.Popover,{open:f,onOpenChange:v,children:[(0,jsx_runtime_1.jsx)(popover_1.PopoverTrigger,{asChild:true,children:(0,jsx_runtime_1.jsx)(form_1.FormControl,{children:(0,jsx_runtime_1.jsx)(button_1.Button,{variant:"outline",disabled:u,className:(0,utils_1.cn)("bg-input hover:bg-input border-input-border text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal",c&&"pointer-events-none",f&&"ring-ring ring-2 ring-offset-0"),"data-testid":g["data-testid"],icon:(0,jsx_runtime_1.jsx)(lucide_react_1.CalendarIcon,{className:"size-4"}),children:a?(0,jsx_runtime_1.jsx)("span",{className:"text-foreground flex-1 text-left font-bold",children:(0,dayjs_1.default)(a).format(x)}):(0,jsx_runtime_1.jsx)("span",{className:"text-muted-foreground flex-1 text-left",children:_})})})}),(0,jsx_runtime_1.jsx)(popover_1.PopoverContent,{className:"w-auto p-0",align:j,children:(0,jsx_runtime_1.jsx)(calendar_1.Calendar,{mode:"single",required:l,defaultMonth:a,selected:a,onSelect:F,disabled:u||c,locale:m})})]}),(0,jsx_runtime_1.jsx)(form_1.FormMessage,{}),n&&(0,jsx_runtime_1.jsx)(form_1.FormDescription,{children:n})]})}})};exports.DatePickerField=DatePickerField;

package/dist/components/form/date-range-field/index.js

@@ -1,58 +1 @@
-'use client';
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangeField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("../../../components/ui/button");
-const calendar_1 = require("../../../components/ui/calendar");
-const form_1 = require("../../../components/ui/form");
-const popover_1 = require("../../../components/ui/popover");
-const utils_1 = require("../../../lib/utils");
-const dayjs_1 = __importDefault(require("dayjs"));
-const lucide_react_1 = require("lucide-react");
-const React = __importStar(require("react"));
-const locale_1 = require("react-day-picker/locale");
-const DateRangeField = ({ name, label, tooltip, labelExtra, description, placeholder, disabled, readOnly, control, required, numberOfMonths = 2, dateFormat = 'MMM DD, YYYY', align = 'start', locale = locale_1.enUS, ...others }) => {
-    const [open, setOpen] = React.useState(false);
-    return ((0, jsx_runtime_1.jsx)(form_1.FormField, { name: name, control: control, render: ({ field }) => {
-            const value = field.value;
-            return ((0, jsx_runtime_1.jsxs)(form_1.FormItem, { required: required, children: [label && ((0, jsx_runtime_1.jsx)(form_1.FormLabel, { extra: tooltip ? (0, jsx_runtime_1.jsx)(form_1.FormTooltip, { children: tooltip }) : labelExtra, children: label })), (0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(form_1.FormControl, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "outline", disabled: disabled, className: (0, utils_1.cn)('bg-input hover:bg-input border-input-border text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal', readOnly && 'pointer-events-none', open && 'ring-ring ring-2 ring-offset-0'), "data-testid": others['data-testid'], icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CalendarIcon, { className: "size-4" }), children: value?.from ? ((0, jsx_runtime_1.jsx)("span", { className: "text-foreground flex-1 text-left font-bold", children: value.to ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, dayjs_1.default)(value.from).format(dateFormat), " -", ' ', (0, dayjs_1.default)(value.to).format(dateFormat)] })) : ((0, dayjs_1.default)(value.from).format(dateFormat)) })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-muted-foreground flex-1 text-left", children: placeholder })) }) }) }), (0, jsx_runtime_1.jsx)(popover_1.PopoverContent, { className: "w-auto p-0", align: align, children: (0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: "range", defaultMonth: value?.from, selected: value, onSelect: field.onChange, numberOfMonths: numberOfMonths, disabled: disabled || readOnly, locale: locale }) })] }), (0, jsx_runtime_1.jsx)(form_1.FormMessage, {}), description && (0, jsx_runtime_1.jsx)(form_1.FormDescription, { children: description })] }));
-        } }));
-};
-exports.DateRangeField = DateRangeField;
+"use client";"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,o,r){if(r===void 0)r=o;var n=Object.getOwnPropertyDescriptor(e,o);if(!n||("get"in n?!e.__esModule:n.writable||n.configurable)){n={enumerable:true,get:function(){return e[o]}}}Object.defineProperty(t,r,n)}):(function(t,e,o,r){if(r===void 0)r=o;t[r]=e[o]}));var __setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:true,value:e})}):function(t,e){t["default"]=e});var __importStar=this&&this.__importStar||(function(){var t=function(e){t=Object.getOwnPropertyNames||function(o){var r=[];for(var n in o)if(Object.prototype.hasOwnProperty.call(o,n))r[r.length]=n;return r};return t(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null){for(var r=t(e),n=0;n<r.length;n++)if(r[n]!=="default")__createBinding(o,e,r[n])}__setModuleDefault(o,e);return o}})();var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{"default":t}};Object.defineProperty(exports,"__esModule",{value:true});exports.DateRangeField=void 0;const jsx_runtime_1=require("react/jsx-runtime");const button_1=require("../../../components/ui/button");const calendar_1=require("../../../components/ui/calendar");const form_1=require("../../../components/ui/form");const popover_1=require("../../../components/ui/popover");const utils_1=require("../../../lib/utils");const dayjs_1=__importDefault(require("dayjs"));const lucide_react_1=require("lucide-react");const React=__importStar(require("react"));const locale_1=require("react-day-picker/locale");const DateRangeField=({name:t,label:e,tooltip:o,labelExtra:r,description:n,placeholder:f,disabled:s,readOnly:u,control:d,required:p,numberOfMonths:_=2,dateFormat:a="MMM DD, YYYY",align:h="start",locale:x=locale_1.enUS,...g})=>{const[l,j]=React.useState(false);return(0,jsx_runtime_1.jsx)(form_1.FormField,{name:t,control:d,render:({field:c})=>{const i=c.value;return(0,jsx_runtime_1.jsxs)(form_1.FormItem,{required:p,children:[e&&(0,jsx_runtime_1.jsx)(form_1.FormLabel,{extra:o?(0,jsx_runtime_1.jsx)(form_1.FormTooltip,{children:o}):r,children:e}),(0,jsx_runtime_1.jsxs)(popover_1.Popover,{open:l,onOpenChange:j,children:[(0,jsx_runtime_1.jsx)(popover_1.PopoverTrigger,{asChild:true,children:(0,jsx_runtime_1.jsx)(form_1.FormControl,{children:(0,jsx_runtime_1.jsx)(button_1.Button,{variant:"outline",disabled:s,className:(0,utils_1.cn)("bg-input hover:bg-input border-input-border text-foreground h-10 w-full justify-start rounded-md px-2.5 font-normal",u&&"pointer-events-none",l&&"ring-ring ring-2 ring-offset-0"),"data-testid":g["data-testid"],icon:(0,jsx_runtime_1.jsx)(lucide_react_1.CalendarIcon,{className:"size-4"}),children:i?.from?(0,jsx_runtime_1.jsx)("span",{className:"text-foreground flex-1 text-left font-bold",children:i.to?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,dayjs_1.default)(i.from).format(a)," -"," ",(0,dayjs_1.default)(i.to).format(a)]}):(0,dayjs_1.default)(i.from).format(a)}):(0,jsx_runtime_1.jsx)("span",{className:"text-muted-foreground flex-1 text-left",children:f})})})}),(0,jsx_runtime_1.jsx)(popover_1.PopoverContent,{className:"w-auto p-0",align:h,children:(0,jsx_runtime_1.jsx)(calendar_1.Calendar,{mode:"range",defaultMonth:i?.from,selected:i,onSelect:c.onChange,numberOfMonths:_,disabled:s||u,locale:x})})]}),(0,jsx_runtime_1.jsx)(form_1.FormMessage,{}),n&&(0,jsx_runtime_1.jsx)(form_1.FormDescription,{children:n})]})}})};exports.DateRangeField=DateRangeField;