@rafal.lemieszewski/tide-ui 0.85.1 → 0.87.0

package/dist/cjs/components/product/view-mode-menu.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),U=require("../fundamental/button.cjs"),g=require("../fundamental/dropdown-menu.cjs"),t=require("../fundamental/select.cjs"),X=require("../fundamental/toggle.cjs"),j=require("../fundamental/tabs.cjs"),Y=require("../fundamental/switch.cjs"),$=require("../fundamental/label.cjs"),x=require("../fundamental/icon.cjs"),K=require("../fundamental/input.cjs");function ee(r){if(!r)return null;try{const c=localStorage.getItem(r);return c?JSON.parse(c):null}catch{return null}}function se(r,c){if(r)try{localStorage.setItem(r,JSON.stringify(c))}catch(o){console.warn("Failed to save settings to localStorage:",o)}}function N(r="table",c=[]){return{viewMode:r,table:{sortDirection:"asc",visibleColumns:c.map(o=>o.id)},columns:{sortDirection:"asc"},folders:{sortDirection:"asc",showFoldersFirst:!1}}}function p(r){if(r?.directionOptions)return r.directionOptions;if(r?.dataType)switch(r.dataType){case"text":return{asc:"A to Z",desc:"Z to A"};case"number":return{asc:"Ascending",desc:"Descending"};case"date":return{asc:"Oldest first",desc:"Newest first"};case"boolean":return{asc:"False first",desc:"True first"}}return{asc:"Ascending",desc:"Descending"}}const T=u.forwardRef(function({persistenceKey:c,defaultViewMode:o="table",sortableColumns:S=[],groupableColumns:b=[],columns:d=[],columnsSortableColumns:v,columnsGroupableColumns:h,foldersSortableColumns:m,align:V="end",triggerClassName:y},M){const[n,i]=u.useState(()=>{const s=ee(c);return s||N(o,d)}),[f,D]=u.useState("");u.useImperativeHandle(M,()=>({getSettings:()=>n,reset:()=>{i(N(o,d))}})),u.useEffect(()=>{se(c,n)},[n,c]),u.useEffect(()=>{n.viewMode==="columns"&&!n.columns.groupColumn&&h&&h.length>0&&i(s=>({...s,columns:{...s.columns,groupColumn:h[0].id}}))},[n.viewMode,n.columns.groupColumn,h]);const F=S.length>0,z=b.length>0,I=d.length>0,q=(v?.length??0)>0,w=(h?.length??0)>0,C=(m?.length??0)>0,L=1+(C?1:0)+(w?1:0)>1,O=f?d.filter(s=>s.label.toLowerCase().includes(f.toLowerCase())):d,A=d.length>=20,P=s=>{i(l=>({...l,viewMode:s}))},W=s=>{i(l=>({...l,table:{...l.table,sortColumn:s}}))},R=s=>{i(l=>({...l,table:{...l.table,sortDirection:s}}))},E=s=>{i(l=>({...l,table:{...l.table,groupColumn:s==="none"?void 0:s}}))},J=(s,l)=>{i(a=>({...a,table:{...a.table,visibleColumns:l?[...a.table.visibleColumns,s]:a.table.visibleColumns.filter(Q=>Q!==s)}}))},Z=s=>{i(l=>({...l,columns:{...l.columns,sortColumn:s}}))},B=s=>{i(l=>({...l,columns:{...l.columns,sortDirection:s}}))},G=s=>{i(l=>({...l,columns:{...l.columns,groupColumn:s==="none"?void 0:s}}))},H=s=>{i(l=>({...l,folders:{...l.folders,sortColumn:s}}))},_=s=>{i(l=>({...l,folders:{...l.folders,sortDirection:s}}))},k=s=>{i(l=>({...l,folders:{...l.folders,showFoldersFirst:s}}))};return e.jsxs(g.DropdownMenu,{children:[e.jsx(g.DropdownMenuTrigger,{asChild:!0,children:e.jsx(U.Button,{size:"m",icon:"settings",className:y})}),e.jsxs(g.DropdownMenuContent,{align:V,className:"w-72 max-w-[90vw]",children:[L&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"px-3 pt-3 pb-2",children:[e.jsx("h3",{className:"text-label-sm text-[var(--color-text-tertiary)] mb-2",children:"View mode"}),e.jsx(j.Tabs,{value:n.viewMode,onValueChange:P,children:e.jsxs(j.TabsList,{variant:"pilled",size:"s",fullWidth:!0,children:[e.jsx(j.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"table",children:"Table"}),C&&e.jsx(j.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"folders",children:"Folders"}),w&&e.jsx(j.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"columns",children:"Columns"})]})})]}),e.jsx(g.DropdownMenuSeparator,{})]}),e.jsxs("div",{className:"p-3",children:[n.viewMode==="table"&&e.jsxs("div",{className:"space-y-4",children:[F&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.table.sortColumn,onValueChange:W,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to sort"})}),e.jsx(t.SelectContent,{children:S.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.table.sortColumn&&e.jsxs(t.Select,{value:n.table.sortDirection,onValueChange:s=>R(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=S.find(a=>a.id===n.table.sortColumn),l=p(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:"arrow-down-narrow-wide",size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:"arrow-down-wide-narrow",size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]}),z&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Grouping"}),e.jsxs(t.Select,{value:n.table.groupColumn||"none",onValueChange:E,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to group by"})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"none",children:"None"}),b.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))]})]})]}),I&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Display columns"}),A&&e.jsx(K.Input,{type:"search",size:"s",placeholder:"Search columns...",value:f,onChange:s=>D(s.target.value)}),e.jsx("div",{className:"flex flex-wrap items-start justify-start gap-1 max-h-[190px] overflow-y-auto",children:O.map(s=>{const l=n.table.visibleColumns.includes(s.id);return e.jsx(X.Toggle,{variant:"outline",size:"s",pressed:l,onPressedChange:a=>{J(s.id,a)},children:s.label},s.id)})})]})]}),n.viewMode==="folders"&&m&&m.length>0&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.folders.sortColumn,onValueChange:H,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column"})}),e.jsx(t.SelectContent,{children:m.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.folders.sortColumn&&e.jsxs(t.Select,{value:n.folders.sortDirection,onValueChange:s=>_(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=m.find(a=>a.id===n.folders.sortColumn),l=p(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:"arrow-down-narrow-wide",size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:"arrow-down-wide-narrow",size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]})}),n.viewMode==="columns"&&e.jsxs("div",{className:"space-y-4",children:[w&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Grouping"}),e.jsxs(t.Select,{value:n.columns.groupColumn||"none",onValueChange:G,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to group by"})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"none",children:"None"}),h?.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))]})]})]}),q&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.columns.sortColumn,onValueChange:Z,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to sort"})}),e.jsx(t.SelectContent,{children:v?.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.columns.sortColumn&&e.jsxs(t.Select,{value:n.columns.sortDirection,onValueChange:s=>B(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=v?.find(a=>a.id===n.columns.sortColumn),l=p(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:"arrow-down-narrow-wide",size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:"arrow-down-wide-narrow",size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]})]})]}),n.viewMode==="folders"&&e.jsxs(e.Fragment,{children:[e.jsx(g.DropdownMenuSeparator,{}),e.jsx("div",{className:"p-3",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx($.Label,{htmlFor:"folders-first",children:"Show folders first"}),e.jsx(Y.Switch,{id:"folders-first",checked:n.folders.showFoldersFirst,onCheckedChange:k})]})})]})]})]})});T.displayName="ViewModeMenu";exports.ViewModeMenu=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),X=require("../fundamental/button.cjs"),j=require("../fundamental/dropdown-menu.cjs"),t=require("../fundamental/select.cjs"),Y=require("../fundamental/toggle.cjs"),S=require("../fundamental/tabs.cjs"),$=require("../fundamental/switch.cjs"),K=require("../fundamental/label.cjs"),x=require("../fundamental/icon.cjs"),m=require("lucide-react"),ee=require("../fundamental/input.cjs");function se(r){if(!r)return null;try{const c=localStorage.getItem(r);return c?JSON.parse(c):null}catch{return null}}function te(r,c){if(r)try{localStorage.setItem(r,JSON.stringify(c))}catch(o){console.warn("Failed to save settings to localStorage:",o)}}function T(r="table",c=[]){return{viewMode:r,table:{sortDirection:"asc",visibleColumns:c.map(o=>o.id)},columns:{sortDirection:"asc"},folders:{sortDirection:"asc",showFoldersFirst:!1}}}function b(r){if(r?.directionOptions)return r.directionOptions;if(r?.dataType)switch(r.dataType){case"text":return{asc:"A to Z",desc:"Z to A"};case"number":return{asc:"Ascending",desc:"Descending"};case"date":return{asc:"Oldest first",desc:"Newest first"};case"boolean":return{asc:"False first",desc:"True first"}}return{asc:"Ascending",desc:"Descending"}}const V=u.forwardRef(function({persistenceKey:c,defaultViewMode:o="table",sortableColumns:v=[],groupableColumns:C=[],columns:d=[],columnsSortableColumns:f,columnsGroupableColumns:h,foldersSortableColumns:g,align:y="end",triggerClassName:D},M){const[n,i]=u.useState(()=>{const s=se(c);return s||T(o,d)}),[p,F]=u.useState("");u.useImperativeHandle(M,()=>({getSettings:()=>n,reset:()=>{i(T(o,d))}})),u.useEffect(()=>{te(c,n)},[n,c]),u.useEffect(()=>{n.viewMode==="columns"&&!n.columns.groupColumn&&h&&h.length>0&&i(s=>({...s,columns:{...s.columns,groupColumn:h[0].id}}))},[n.viewMode,n.columns.groupColumn,h]);const z=v.length>0,I=C.length>0,q=d.length>0,A=(f?.length??0)>0,w=(h?.length??0)>0,N=(g?.length??0)>0,W=1+(N?1:0)+(w?1:0)>1,L=p?d.filter(s=>s.label.toLowerCase().includes(p.toLowerCase())):d,O=d.length>=20,P=s=>{i(l=>({...l,viewMode:s}))},R=s=>{i(l=>({...l,table:{...l.table,sortColumn:s}}))},E=s=>{i(l=>({...l,table:{...l.table,sortDirection:s}}))},J=s=>{i(l=>({...l,table:{...l.table,groupColumn:s==="none"?void 0:s}}))},Z=(s,l)=>{i(a=>({...a,table:{...a.table,visibleColumns:l?[...a.table.visibleColumns,s]:a.table.visibleColumns.filter(U=>U!==s)}}))},B=s=>{i(l=>({...l,columns:{...l.columns,sortColumn:s}}))},G=s=>{i(l=>({...l,columns:{...l.columns,sortDirection:s}}))},H=s=>{i(l=>({...l,columns:{...l.columns,groupColumn:s==="none"?void 0:s}}))},_=s=>{i(l=>({...l,folders:{...l.folders,sortColumn:s}}))},k=s=>{i(l=>({...l,folders:{...l.folders,sortDirection:s}}))},Q=s=>{i(l=>({...l,folders:{...l.folders,showFoldersFirst:s}}))};return e.jsxs(j.DropdownMenu,{children:[e.jsx(j.DropdownMenuTrigger,{asChild:!0,children:e.jsx(X.Button,{size:"m",icon:"settings",className:D})}),e.jsxs(j.DropdownMenuContent,{align:y,className:"w-72 max-w-[90vw]",children:[W&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"px-3 pt-3 pb-2",children:[e.jsx("h3",{className:"text-label-sm text-[var(--color-text-tertiary)] mb-2",children:"View mode"}),e.jsx(S.Tabs,{value:n.viewMode,onValueChange:P,children:e.jsxs(S.TabsList,{variant:"pilled",size:"s",fullWidth:!0,children:[e.jsx(S.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"table",children:"Table"}),N&&e.jsx(S.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"folders",children:"Folders"}),w&&e.jsx(S.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"columns",children:"Columns"})]})})]}),e.jsx(j.DropdownMenuSeparator,{})]}),e.jsxs("div",{className:"p-3",children:[n.viewMode==="table"&&e.jsxs("div",{className:"space-y-4",children:[z&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.table.sortColumn,onValueChange:R,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to sort"})}),e.jsx(t.SelectContent,{children:v.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.table.sortColumn&&e.jsxs(t.Select,{value:n.table.sortDirection,onValueChange:s=>E(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=v.find(a=>a.id===n.table.sortColumn),l=b(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:m.ArrowDownNarrowWide,size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:m.ArrowDownWideNarrow,size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]}),I&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Grouping"}),e.jsxs(t.Select,{value:n.table.groupColumn||"none",onValueChange:J,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to group by"})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"none",children:"None"}),C.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))]})]})]}),q&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Display columns"}),O&&e.jsx(ee.Input,{type:"search",size:"s",placeholder:"Search columns...",value:p,onChange:s=>F(s.target.value)}),e.jsx("div",{className:"flex flex-wrap items-start justify-start gap-1 max-h-[190px] overflow-y-auto",children:L.map(s=>{const l=n.table.visibleColumns.includes(s.id);return e.jsx(Y.Toggle,{variant:"outline",size:"s",pressed:l,onPressedChange:a=>{Z(s.id,a)},children:s.label},s.id)})})]})]}),n.viewMode==="folders"&&g&&g.length>0&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.folders.sortColumn,onValueChange:_,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column"})}),e.jsx(t.SelectContent,{children:g.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.folders.sortColumn&&e.jsxs(t.Select,{value:n.folders.sortDirection,onValueChange:s=>k(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=g.find(a=>a.id===n.folders.sortColumn),l=b(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:m.ArrowDownNarrowWide,size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:m.ArrowDownWideNarrow,size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]})}),n.viewMode==="columns"&&e.jsxs("div",{className:"space-y-4",children:[w&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Grouping"}),e.jsxs(t.Select,{value:n.columns.groupColumn||"none",onValueChange:H,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to group by"})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"none",children:"None"}),h?.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))]})]})]}),A&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.columns.sortColumn,onValueChange:B,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to sort"})}),e.jsx(t.SelectContent,{children:f?.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.columns.sortColumn&&e.jsxs(t.Select,{value:n.columns.sortDirection,onValueChange:s=>G(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=f?.find(a=>a.id===n.columns.sortColumn),l=b(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:m.ArrowDownNarrowWide,size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(x.Icon,{name:m.ArrowDownWideNarrow,size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]})]})]}),n.viewMode==="folders"&&e.jsxs(e.Fragment,{children:[e.jsx(j.DropdownMenuSeparator,{}),e.jsx("div",{className:"p-3",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(K.Label,{htmlFor:"folders-first",children:"Show folders first"}),e.jsx($.Switch,{id:"folders-first",checked:n.folders.showFoldersFirst,onCheckedChange:Q})]})})]})]})]})});V.displayName="ViewModeMenu";exports.ViewModeMenu=V;

package/dist/es/components/fundamental/button.js

@@ -1,9 +1,10 @@
 import { jsxs as P, jsx as c } from "react/jsx-runtime";
 import N from "react";
 import { cva as j } from "class-variance-authority";
-import { cn as I } from "../../lib/utils.js";
+import { ChevronDown as D, Loader2 as I } from "lucide-react";
+import { cn as V } from "../../lib/utils.js";
 import { Icon as d } from "./icon.js";
-const V = j(
+const B = j(
   "inline-flex items-center justify-center relative transition-all duration-150 ease-in-out focus:outline-none cursor-pointer select-none disabled:cursor-not-allowed gap-[var(--space-xs)] whitespace-nowrap",
   {
     variants: {
@@ -129,7 +130,7 @@ const V = j(
       iconPosition: "none"
     }
   }
-), B = /* @__PURE__ */ N.forwardRef(
+), C = /* @__PURE__ */ N.forwardRef(
   ({
     className: u,
     variant: o,
@@ -144,7 +145,7 @@ const V = j(
     type: f = "button",
     ...x
   }, h) => {
-    const l = b || "m", v = m || e, n = v ? "disabled" : o === "primary" || o === "destructive" || o === "success" ? "inverse" : "primary", y = () => e ? /* @__PURE__ */ c(d, { name: "loader-2", size: l, color: n, className: "animate-spin" }) : null, t = () => e ? y() : a ? /* @__PURE__ */ c(d, { name: a, size: l, color: n }) : null, z = () => i ? /* @__PURE__ */ c(d, { name: "chevron-down", size: l, color: n }) : null, r = a && s ? p : a || e ? "only" : e && s ? "left" : "none", w = i ? {
+    const l = b || "m", v = m || e, n = v ? "disabled" : o === "primary" || o === "destructive" || o === "success" ? "inverse" : "primary", y = () => e ? /* @__PURE__ */ c(d, { name: I, size: l, color: n, className: "animate-spin" }) : null, t = () => e ? y() : a ? /* @__PURE__ */ c(d, { name: a, size: l, color: n }) : null, z = () => i ? /* @__PURE__ */ c(d, { name: D, size: l, color: n }) : null, r = a && s ? p : a || e ? "only" : e && s ? "left" : "none", w = i ? {
       "aria-haspopup": "menu",
       "aria-expanded": g
     } : {}, k = e ? {
@@ -155,8 +156,8 @@ const V = j(
       "button",
       {
         type: f,
-        className: I(
-          V({
+        className: V(
+          B({
             variant: o,
             size: b,
             iconPosition: r,
@@ -179,8 +180,8 @@ const V = j(
     );
   }
 );
-B.displayName = "Button";
+C.displayName = "Button";
 export {
-  B as Button,
-  V as buttonVariants
+  C as Button,
+  B as buttonVariants
 };

package/dist/es/components/fundamental/calendar.js

@@ -1,9 +1,10 @@
 import { jsx as x } from "react/jsx-runtime";
 import * as y from "react";
-import { DayPicker as I } from "react-day-picker";
+import { DayPicker as L } from "react-day-picker";
 import { cn as m } from "../../lib/utils.js";
-import { Icon as P } from "./icon.js";
-function H(i) {
+import { Icon as M } from "./icon.js";
+import { ChevronLeft as P, ChevronRight as H } from "lucide-react";
+function B(i) {
   const {
     className: h,
     classNames: w,
@@ -11,8 +12,8 @@ function H(i) {
     mode: n,
     ...k
   } = i, o = "selected" in i ? i.selected : void 0, s = "onSelect" in i ? i.onSelect : void 0, [r, v] = y.useState(null), [g, b] = y.useState(null), f = (e, t) => e.toDateString() === t.toDateString(), p = (e, t, c) => {
-    const u = e.getTime(), a = t.getTime(), d = c.getTime(), [E, M] = a < d ? [a, d] : [d, a];
-    return u > E && u < M;
+    const u = e.getTime(), a = t.getTime(), d = c.getTime(), [E, I] = a < d ? [a, d] : [d, a];
+    return u > E && u < I;
   }, S = (e, t) => {
     if (!t.disabled && n === "range")
       if (!r)
@@ -27,15 +28,15 @@ function H(i) {
     n === "range" && r && !t.disabled && b(e);
   }, D = () => {
     n === "range" && b(null);
-  }, R = (e) => !r || !g ? !1 : p(e, r, g), C = (e) => r ? f(e, r) : !1, T = (e) => {
+  }, C = (e) => !r || !g ? !1 : p(e, r, g), R = (e) => r ? f(e, r) : !1, T = (e) => {
     if (r || n !== "range" || !o || typeof o > "u") return !1;
     const t = o;
     return t.from ? f(e, t.from) : !1;
-  }, N = (e) => {
+  }, j = (e) => {
     if (r || n !== "range" || !o || typeof o > "u") return !1;
     const t = o;
     return t.to ? f(e, t.to) : !1;
-  }, j = (e) => {
+  }, N = (e) => {
     if (r || n !== "range" || !o || typeof o > "u") return !1;
     const t = o;
     return !t.from || !t.to ? !1 : p(e, t.from, t.to);
@@ -50,11 +51,11 @@ function H(i) {
     onDayMouseEnter: z,
     onDayMouseLeave: D,
     modifiers: {
-      rangeStart: C,
-      rangePreview: R,
+      rangeStart: R,
+      rangePreview: C,
       confirmedRangeStart: T,
-      confirmedRangeEnd: N,
-      inConfirmedRange: j
+      confirmedRangeEnd: j,
+      inConfirmedRange: N
     },
     classNames: {
       // months: no 'relative' so nav positions to root; horizontal margin creates space for side buttons
@@ -116,15 +117,15 @@ function H(i) {
     },
     components: {
       Chevron: ({ orientation: e, ...t }) => {
-        const c = e === "left" ? "chevron-left" : "chevron-right", { size: u, ...a } = t;
-        return /* @__PURE__ */ x(P, { name: c, size: "s", ...a });
+        const c = e === "left" ? P : H, { size: u, ...a } = t;
+        return /* @__PURE__ */ x(M, { name: c, size: "s", ...a });
       }
     },
     ...k
   };
-  return n === "range" ? l.onDayClick = S : (l.mode = n, l.selected = o, l.onSelect = s), /* @__PURE__ */ x(I, { ...l });
+  return n === "range" ? l.onDayClick = S : (l.mode = n, l.selected = o, l.onSelect = s), /* @__PURE__ */ x(L, { ...l });
 }
-H.displayName = "Calendar";
+B.displayName = "Calendar";
 export {
-  H as Calendar
+  B as Calendar
 };