@clasing/ui 2.0.0 → 2.0.2

package/dist/button-dueLddAn.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("./jsx-runtime-BuHQgaKs.cjs"),p=require("./index-DoxiiusW.cjs"),$=require("@radix-ui/react-slot"),w=require("./index-C8P6Mn4U.cjs"),u=require("react"),r=require("./icon-component-D5YssRbR.cjs"),a=require("./tooltip-BRSR0-4n.cjs"),k="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,box-shadow]",z=w.cva(k,{variants:{variant:{primary:["bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],secondary:["bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],inverse:["lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],link:["text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"]},size:{xl:"h-12 gap-2 px-6 py-1 text-base",lg:"h-10 gap-2 px-5 py-1 text-sm",md:"h-8 gap-1.5 px-4 py-1 text-xs",sm:"h-7 gap-1 px-3 py-1 text-xs",xs:"h-6 gap-1 px-3 py-1 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"outline-neutral-050 text-primary-600 lg:hover:bg-neutral-000 bg-white"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"text-primary-600 lg:hover:bg-primary-050 bg-transparent"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-1.5"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-1.5"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1.5"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-1.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-1.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),C=w.cva(`${k} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),N=w.cva(k,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600"]},size:{xl:"h-12 gap-2 px-6 text-base",lg:"h-10 gap-2 px-5 text-sm",md:"h-8 gap-1.5 px-4 text-xs",sm:"h-7 gap-1 px-3 text-xs",xs:"h-6 gap-1 px-3 text-xs"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},iconPosition:{left:"",right:"",only:"aspect-square"}},compoundVariants:[{iconPosition:"only",variant:"primary",class:"bg-neutral-000 text-primary-600 outline-neutral-050"},{iconPosition:"only",variant:"destructive",class:"bg-error-light text-error-main outline-transparent"},{iconPosition:"only",variant:"link",class:"bg-primary-050 text-primary-600"},{iconPosition:"only",size:"xl",class:"h-12 w-12 p-3"},{iconPosition:"only",size:"lg",class:"h-10 w-10 p-2"},{iconPosition:"only",size:"md",class:"h-8 w-8 p-1"},{iconPosition:"only",size:"sm",class:"h-7 w-7 p-0.5"},{iconPosition:"only",size:"xs",class:"h-6 w-6 p-0.5"},{variant:"link",size:"xl",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"lg",class:"h-auto gap-2 px-3 py-1 text-base"},{variant:"link",size:"md",class:"h-auto gap-1.5 px-3 py-1 text-sm"},{variant:"link",size:"sm",class:"h-auto gap-1 px-3 py-1 text-xs"},{variant:"link",size:"xs",class:"h-auto gap-1 px-3 py-1 text-xs"}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full",iconPosition:"left"}}),I=u.forwardRef(({className:b,variant:h,size:i,weight:y,rounded:v,children:o,iconName:l,iconText:c,iconPosition:f="left",isLoading:s,isActive:q,disabled:E,tooltip:d,tooltipPlacement:R="top",asChild:j,...S},V)=>{const T=j?$.Slot:"button",n=u.useMemo(()=>!o&&l||f==="only"?"only":f,[o,l,f]),e=u.useMemo(()=>l?typeof l=="string"?{name:l}:l:null,[l]),x=n==="only"?{xl:"min-w-6 h-6",lg:"min-w-6 h-6",md:"min-w-5 h-5",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"}:{xl:"min-w-5 h-5",lg:"min-w-5 h-5",md:"min-w-4 h-4",sm:"min-w-4 h-4",xs:"min-w-3.5 h-3.5"},B=t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n==="only"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s?t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])}):e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:c,size:24})}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:p.cn("flex items-center justify-center gap-2",s?"invisible opacity-0":"visible opacity-100"),children:[e&&n==="left"&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]}),o,e&&n==="right"&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]})]})]})}),F=()=>{if(!j||!u.isValidElement(o)||!e&&n!=="only")return o;const m=o,A=m.props.children;if(n==="only")return u.cloneElement(m,{...m.props,children:s?t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])}):e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,stroke:e.stroke,iconText:c,size:24})});const P=e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e.name,iconText:c,stroke:e.stroke,className:x[i||"xl"]}),M=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${s?"visible opacity-100":"invisible opacity-0"}`,children:t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconLoader2",className:p.cn("animate-spin",x[i||"xl"])})}),t.jsxRuntimeExports.jsxs("span",{className:p.cn("flex items-center justify-center gap-2",s?"invisible opacity-0":"visible opacity-100"),children:[n==="left"&&P,A,n==="right"&&P]})]});return u.cloneElement(m,{...m.props,children:M})},g=t.jsxRuntimeExports.jsx(T,{ref:V,className:p.cn(s?C({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b}):q?N({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b}):z({variant:h,weight:y,size:i,rounded:v,iconPosition:n,className:b})),disabled:E||s,...S,children:j?F():B});return d&&(E||s)?t.jsxRuntimeExports.jsx(a.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(a.Tooltip,{children:[t.jsxRuntimeExports.jsx(a.TooltipTrigger,{asChild:n==="only",children:n==="only"?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:g}):g}),t.jsxRuntimeExports.jsx(a.TooltipContent,{side:R,className:"text-muted-foreground",children:d})]})}):d?t.jsxRuntimeExports.jsx(a.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(a.Tooltip,{children:[t.jsxRuntimeExports.jsx(a.TooltipTrigger,{asChild:n==="only",children:g}),t.jsxRuntimeExports.jsx(a.TooltipContent,{side:R,className:"text-muted-foreground",children:d})]})}):g});I.displayName="Button";exports.Button=I;exports.buttonActiveStyles=N;exports.buttonLoadingStyles=C;exports.buttonStyles=z;

package/dist/calendar-DA08oJl2.js

@@ -1,117 +0,0 @@
-import { j as i } from "./jsx-runtime-DywqP_6a.js";
-import { c as x } from "./index-CRiPKpXj.js";
-import { min as S, max as E, startOfMonth as N, endOfMonth as k, eachDayOfInterval as I, format as z } from "date-fns";
-import { useState as T, useEffect as B } from "react";
-import { DayPicker as G } from "react-day-picker";
-import { e as L, a as O, f as F, b as H } from "./style-BNIXVvBA.js";
-import { I as P } from "./icon-component-CxQsODCa.js";
-const R = ({ onChange: r, value: t, options: o }) => /* @__PURE__ */ i.jsx(
-  "select",
-  {
-    className: "text-md focus-visible:ring-ring-default h-fit w-fit! cursor-pointer appearance-none rounded-2xl border-none pr-9 pl-1 font-semibold transition-colors focus:border-0 focus:border-transparent focus:ring-0 focus:ring-transparent focus:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden",
-    onChange: r,
-    value: t,
-    children: o?.map((n, l) => {
-      const u = n.value === t;
-      return /* @__PURE__ */ i.jsx(
-        "option",
-        {
-          value: n.value,
-          disabled: n.disabled,
-          className: x("disabled:hidden", {
-            "bg-blue-050 font-semibold text-blue-800": u
-          }),
-          children: n.label
-        },
-        l
-      );
-    })
-  }
-), U = ({
-  orientation: r = "down",
-  size: t = 16
-}) => /* @__PURE__ */ i.jsx(
-  P,
-  {
-    iconName: r === "left" ? "IconChevronLeft" : "IconChevronRight",
-    stroke: "1.5",
-    size: t
-  }
-), Y = ({
-  locale: r = "enGB",
-  disabledDates: t,
-  enabledDates: o,
-  dropdownsSelectors: n = !0,
-  hideNavigation: l = !1,
-  showOutsideDays: u = !0,
-  minDate: w,
-  maxDate: y,
-  value: c,
-  className: D,
-  onChange: m
-}) => {
-  const [_, b] = T(), j = (e) => e.filter((a) => a !== void 0), d = Array.isArray(o) ? o.map((e) => new Date(e)) : o ? new Date(o) : void 0, s = Array.isArray(d) ? j(d) : d ? [d] : [], f = s.length > 0 ? S(s) : void 0, p = s.length > 0 ? E(s) : void 0, g = () => Array.isArray(t) ? t.map((e) => new Date(e)) : t ? new Date(t) : void 0, h = Array.isArray(g()) ? [...g()] : [];
-  if (f && p) {
-    const e = N(f), a = k(p);
-    I({ start: e, end: a }).forEach((v) => {
-      s.some(
-        (M) => M.setHours(0, 0, 0, 0) === v.setHours(0, 0, 0, 0)
-      ) || h.push(v);
-    });
-  }
-  B(() => {
-    if (c) {
-      const e = new Date(c);
-      isNaN(e.getTime()) || b(e);
-    } else
-      b(void 0);
-  }, [c]);
-  const C = (e) => {
-    b(e), m && m(e ? z(e, "yyyy-MM-dd") : void 0);
-  }, A = r === "enGB" ? L : r === "enUS" ? O : r === "fr" ? F : H;
-  return /* @__PURE__ */ i.jsx(
-    G,
-    {
-      mode: "single",
-      captionLayout: n ? "dropdown" : "label",
-      selected: _,
-      onSelect: C,
-      locale: A,
-      startMonth: w || f || new Date(1900, 1, 1),
-      endMonth: y || p || new Date(2100, 12, 31),
-      disabled: h,
-      showOutsideDays: u,
-      hideNavigation: l,
-      className: x(
-        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        D
-      ),
-      classNames: {
-        root: "w-fit text-sm text-center",
-        weekday: "text-muted-foreground font-regular",
-        month_grid: "border-separate",
-        month_caption: `h-9 relative flex items-center w-full ${l ? "hidden" : ""}`,
-        dropdowns: "absolute w-fit items-center justify-center z-10 left-1/2 flex -translate-x-1/2 top-1/2 -translate-y-1/2",
-        button_next: "rounded-md border-none lg:hover:bg-neutral-050 transition-colors z-1 p-2 disabled:opacity-50 focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1",
-        button_previous: "rounded-md border-none lg:hover:bg-neutral-050 transition-colors z-1 p-2 disabled:opacity-50 focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1",
-        nav: "w-full h-9 top-0 left-0 absolute flex justify-between items-center gap-2",
-        selected: "bg-blue-050! border-[0.5px] border-blue-800! text-blue-800! lg:hover:bg-blue-100 transition-colors font-semibold",
-        today: "bg-blue-050 border-[0.5px] text-blue-800 lg:hover:bg-blue-100",
-        disabled: "bg-white text-neutral-200 border-[0.5px] border-neutral-000 lg:hover:bg-white!",
-        caption_label: "text-neutral-1000 text-base font-semibold leading-none self-center w-full",
-        outside: "bg-white text-neutral-200 border-[0.5px] border-neutral-000",
-        day_button: "text-sm h-9 w-9 whitespace-nowrap border-none focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] rounded-md",
-        day: "h-9 w-9 aspect-square text-sm rounded-md border-[0.5px] border-neutral-050 lg:hover:bg-blue-050 transition-colors p-0 whitespace-nowrap"
-      },
-      components: {
-        Dropdown: R,
-        Chevron: ({ orientation: e, size: a }) => /* @__PURE__ */ i.jsx(U, { orientation: e, size: a })
-      }
-    }
-  );
-};
-export {
-  Y as C
-};

package/dist/calendar-gxLdKgjb.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("./jsx-runtime-BuHQgaKs.cjs"),D=require("./index-DoxiiusW.cjs"),s=require("date-fns"),y=require("react"),S=require("react-day-picker"),c=require("./style-CA5976Oh.cjs"),k=require("./icon-component-D5YssRbR.cjs"),N=({onChange:r,value:t,options:n})=>l.jsxRuntimeExports.jsx("select",{className:"text-md focus-visible:ring-ring-default h-fit w-fit! cursor-pointer appearance-none rounded-2xl border-none pr-9 pl-1 font-semibold transition-colors focus:border-0 focus:border-transparent focus:ring-0 focus:ring-transparent focus:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden",onChange:r,value:t,children:n?.map((o,d)=>{const b=o.value===t;return l.jsxRuntimeExports.jsx("option",{value:o.value,disabled:o.disabled,className:D.cn("disabled:hidden",{"bg-blue-050 font-semibold text-blue-800":b}),children:o.label},d)})}),z=({orientation:r="down",size:t=16})=>l.jsxRuntimeExports.jsx(k.IconComponent,{iconName:r==="left"?"IconChevronLeft":"IconChevronRight",stroke:"1.5",size:t}),I=({locale:r="enGB",disabledDates:t,enabledDates:n,dropdownsSelectors:o=!0,hideNavigation:d=!1,showOutsideDays:b=!0,minDate:j,maxDate:E,value:f,className:C,onChange:m})=>{const[_,p]=y.useState(),q=e=>e.filter(a=>a!==void 0),u=Array.isArray(n)?n.map(e=>new Date(e)):n?new Date(n):void 0,i=Array.isArray(u)?q(u):u?[u]:[],g=i.length>0?s.min(i):void 0,x=i.length>0?s.max(i):void 0,h=()=>Array.isArray(t)?t.map(e=>new Date(e)):t?new Date(t):void 0,v=Array.isArray(h())?[...h()]:[];if(g&&x){const e=s.startOfMonth(g),a=s.endOfMonth(x);s.eachDayOfInterval({start:e,end:a}).forEach(w=>{i.some(R=>R.setHours(0,0,0,0)===w.setHours(0,0,0,0))||v.push(w)})}y.useEffect(()=>{if(f){const e=new Date(f);isNaN(e.getTime())||p(e)}else p(void 0)},[f]);const A=e=>{p(e),m&&m(e?s.format(e,"yyyy-MM-dd"):void 0)},M=r==="enGB"?c.enGB:r==="enUS"?c.enUS:r==="fr"?c.fr:c.es;return l.jsxRuntimeExports.jsx(S.DayPicker,{mode:"single",captionLayout:o?"dropdown":"label",selected:_,onSelect:A,locale:M,startMonth:j||g||new Date(1900,1,1),endMonth:E||x||new Date(2100,12,31),disabled:v,showOutsideDays:b,hideNavigation:d,className:D.cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,C),classNames:{root:"w-fit text-sm text-center",weekday:"text-muted-foreground font-regular",month_grid:"border-separate",month_caption:`h-9 relative flex items-center w-full ${d?"hidden":""}`,dropdowns:"absolute w-fit items-center justify-center z-10 left-1/2 flex -translate-x-1/2 top-1/2 -translate-y-1/2",button_next:"rounded-md border-none lg:hover:bg-neutral-050 transition-colors z-1 p-2 disabled:opacity-50 focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1",button_previous:"rounded-md border-none lg:hover:bg-neutral-050 transition-colors z-1 p-2 disabled:opacity-50 focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1",nav:"w-full h-9 top-0 left-0 absolute flex justify-between items-center gap-2",selected:"bg-blue-050! border-[0.5px] border-blue-800! text-blue-800! lg:hover:bg-blue-100 transition-colors font-semibold",today:"bg-blue-050 border-[0.5px] text-blue-800 lg:hover:bg-blue-100",disabled:"bg-white text-neutral-200 border-[0.5px] border-neutral-000 lg:hover:bg-white!",caption_label:"text-neutral-1000 text-base font-semibold leading-none self-center w-full",outside:"bg-white text-neutral-200 border-[0.5px] border-neutral-000",day_button:"text-sm h-9 w-9 whitespace-nowrap border-none focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] rounded-md",day:"h-9 w-9 aspect-square text-sm rounded-md border-[0.5px] border-neutral-050 lg:hover:bg-blue-050 transition-colors p-0 whitespace-nowrap"},components:{Dropdown:N,Chevron:({orientation:e,size:a})=>l.jsxRuntimeExports.jsx(z,{orientation:e,size:a})}})};exports.Calendar=I;

package/dist/components/blocks/date-picker.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),T=require("../../calendar-gxLdKgjb.cjs"),j=require("../../icon-component-D5YssRbR.cjs"),F=require("../../label-U5GnYvFO.cjs"),x=require("../../popover-4V87msIT.cjs"),a=require("../../index-DoxiiusW.cjs"),L=require("../../index-C8P6Mn4U.cjs"),l=require("date-fns"),m=require("react"),i=require("../../style-CA5976Oh.cjs"),U=L.cva("border-neutral-050 focus-visible:ring-ring-default lg:hover:bg-neutral-000 flex w-full items-center gap-2 border-[0.5px] bg-white text-base whitespace-pre-wrap focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 lg:disabled:hover:bg-neutral-100",{variants:{size:{sm:"text-label-md h-8 rounded-sm px-2 py-1",md:"text-label-lg h-12 rounded-md px-3 py-1",lg:"text-label-xl h-16 rounded-lg px-4 py-2"},rounded:{default:"",full:"rounded-full"},state:{default:"",selected:"bg-blue-050 focus:blue-800 border-blue-800 font-semibold text-blue-800 active:border-blue-800 lg:hover:bg-blue-100",error:"border-error-main"}},defaultVariants:{size:"md",rounded:"default",state:"default"}}),O=m.forwardRef(({className:y,placeholder:v,side:R="bottom",align:E="center",size:N="md",rounded:D="default",label:p,helperText:f,disabledDates:q,enabledDates:w,calendarDropdowns:C=!0,hideNavigation:S=!1,showOutsideDays:P=!0,locale:s="enGB",error:o,touched:b,value:r,minDate:M,onChange:g,maxDate:k,disabled:d=!1,...u},z)=>{const[n,c]=m.useState(),I=t=>{c(t),g&&g({target:{name:u.name,value:t?l.format(t,"yyyy-MM-dd"):""}})};m.useEffect(()=>{if(r){const t=new Date(r);isNaN(t.getTime())||c(t)}else c(void 0)},[r]);const B=s==="enGB"?i.enGB:s==="enUS"?i.enUS:s==="fr"?i.fr:i.es;return e.jsxRuntimeExports.jsxs("div",{ref:z,className:a.cn("flex flex-col gap-3",y),...u,children:[p&&e.jsxRuntimeExports.jsx(F.Label,{htmlFor:u.id,className:a.cn({"text-neutral-700":d}),children:p}),e.jsxRuntimeExports.jsxs(x.Popover,{children:[e.jsxRuntimeExports.jsx(x.PopoverTrigger,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:a.cn(U({size:N,rounded:D,state:n&&!o?"selected":o&&b?"error":"default"}),{"text-neutral-800":!n}),disabled:d,children:[e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:"IconCalendar",size:20,className:"pointer-events-none"}),n?l.format(n,"PPP",{locale:B}):v||"Select a date",e.jsxRuntimeExports.jsx("input",{hidden:!0,onChange:()=>null,value:n?l.format(n,"yyyy-MM-dd"):r||""}),e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:"IconChevronDown",size:16,className:"pointer-events-none ml-auto"})]})}),e.jsxRuntimeExports.jsx(x.PopoverContent,{className:"w-auto overflow-hidden p-0",side:R,align:E,children:e.jsxRuntimeExports.jsx(T.Calendar,{locale:s,disabledDates:q,enabledDates:w,hideNavigation:S,dropdownsSelectors:C,showOutsideDays:P,value:n?l.format(n,"yyyy-MM-dd"):r,maxDate:k,minDate:M,onChange:t=>{const G=t?new Date(t):void 0;I(G)}})})]}),o&&b?e.jsxRuntimeExports.jsx("span",{className:"text-error-main text-label-md -mt-1",children:o}):f?e.jsxRuntimeExports.jsx("span",{className:a.clsx("text-muted-foreground text-label-md -mt-1",{"text-neutral-700":d}),children:f}):null]})}),h=O;h.displayName="Datepicker";exports.Datepicker=h;

package/dist/components/blocks/date-picker.d.ts

@@ -1,30 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-import 'react-day-picker/dist/style.css';
-declare const datepickerTriggerStyles: (props?: ({
-    size?: "lg" | "md" | "sm" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-    state?: "selected" | "default" | "error" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface IDatepickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof datepickerTriggerStyles> {
-    label?: string;
-    helperText?: string;
-    error?: string;
-    touched?: boolean;
-    value?: string;
-    locale?: 'enGB' | 'enUS' | 'es' | 'fr';
-    size?: 'sm' | 'md' | 'lg';
-    rounded?: 'default' | 'full';
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
-    placeholder?: string;
-    disabledDates?: string | string[] | Date | Date[] | undefined;
-    enabledDates?: string | string[] | Date | Date[] | undefined;
-    calendarDropdowns?: boolean;
-    hideNavigation?: boolean;
-    showOutsideDays?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean;
-}
-export declare const Datepicker: import("react").ForwardRefExoticComponent<IDatepickerProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/blocks/date-picker.es.js

@@ -1,181 +0,0 @@
-import { j as e } from "../../jsx-runtime-DywqP_6a.js";
-import { C as G } from "../../calendar-DA08oJl2.js";
-import { I as x } from "../../icon-component-CxQsODCa.js";
-import { L } from "../../label-_kG7WBoJ.js";
-import { P as E, c as R, b as T } from "../../popover-CHAUhJda.js";
-import { c as m, a as U } from "../../index-CRiPKpXj.js";
-import { c as F } from "../../index-BqtVL8d-.js";
-import { format as o } from "date-fns";
-import { forwardRef as V, useState as q, useEffect as A } from "react";
-import { e as H, a as J, f as K, b as O } from "../../style-BNIXVvBA.js";
-const Q = F(
-  "border-neutral-050 focus-visible:ring-ring-default lg:hover:bg-neutral-000 flex w-full items-center gap-2 border-[0.5px] bg-white text-base whitespace-pre-wrap focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 lg:disabled:hover:bg-neutral-100",
-  {
-    variants: {
-      size: {
-        sm: "text-label-md h-8 rounded-sm px-2 py-1",
-        md: "text-label-lg h-12 rounded-md px-3 py-1",
-        lg: "text-label-xl h-16 rounded-lg px-4 py-2"
-      },
-      rounded: {
-        default: "",
-        full: "rounded-full"
-      },
-      state: {
-        default: "",
-        selected: "bg-blue-050 focus:blue-800 border-blue-800 font-semibold text-blue-800 active:border-blue-800 lg:hover:bg-blue-100",
-        error: "border-error-main"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      rounded: "default",
-      state: "default"
-    }
-  }
-), W = V(
-  ({
-    className: b,
-    placeholder: g,
-    side: h = "bottom",
-    align: v = "center",
-    size: y = "md",
-    rounded: j = "default",
-    label: c,
-    helperText: u,
-    disabledDates: N,
-    enabledDates: w,
-    calendarDropdowns: D = !0,
-    hideNavigation: C = !1,
-    showOutsideDays: P = !0,
-    locale: s = "enGB",
-    error: n,
-    touched: f,
-    value: r,
-    minDate: S,
-    onChange: p,
-    maxDate: M,
-    disabled: l = !1,
-    ...d
-  }, k) => {
-    const [a, i] = q(), z = (t) => {
-      i(t), p && p({
-        target: {
-          name: d.name,
-          value: t ? o(t, "yyyy-MM-dd") : ""
-        }
-      });
-    };
-    A(() => {
-      if (r) {
-        const t = new Date(r);
-        isNaN(t.getTime()) || i(t);
-      } else
-        i(void 0);
-    }, [r]);
-    const I = s === "enGB" ? H : s === "enUS" ? J : s === "fr" ? K : O;
-    return /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        ref: k,
-        className: m("flex flex-col gap-3", b),
-        ...d,
-        children: [
-          c && /* @__PURE__ */ e.jsx(
-            L,
-            {
-              htmlFor: d.id,
-              className: m({ "text-neutral-700": l }),
-              children: c
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(E, { children: [
-            /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsxs(
-              "button",
-              {
-                type: "button",
-                className: m(
-                  Q({
-                    size: y,
-                    rounded: j,
-                    state: a && !n ? "selected" : n && f ? "error" : "default"
-                  }),
-                  {
-                    "text-neutral-800": !a
-                  }
-                ),
-                disabled: l,
-                children: [
-                  /* @__PURE__ */ e.jsx(
-                    x,
-                    {
-                      iconName: "IconCalendar",
-                      size: 20,
-                      className: "pointer-events-none"
-                    }
-                  ),
-                  a ? o(a, "PPP", { locale: I }) : g || "Select a date",
-                  /* @__PURE__ */ e.jsx(
-                    "input",
-                    {
-                      hidden: !0,
-                      onChange: () => null,
-                      value: a ? o(a, "yyyy-MM-dd") : r || ""
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx(
-                    x,
-                    {
-                      iconName: "IconChevronDown",
-                      size: 16,
-                      className: "pointer-events-none ml-auto"
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ e.jsx(
-              T,
-              {
-                className: "w-auto overflow-hidden p-0",
-                side: h,
-                align: v,
-                children: /* @__PURE__ */ e.jsx(
-                  G,
-                  {
-                    locale: s,
-                    disabledDates: N,
-                    enabledDates: w,
-                    hideNavigation: C,
-                    dropdownsSelectors: D,
-                    showOutsideDays: P,
-                    value: a ? o(a, "yyyy-MM-dd") : r,
-                    maxDate: M,
-                    minDate: S,
-                    onChange: (t) => {
-                      const B = t ? new Date(t) : void 0;
-                      z(B);
-                    }
-                  }
-                )
-              }
-            )
-          ] }),
-          n && f ? /* @__PURE__ */ e.jsx("span", { className: "text-error-main text-label-md -mt-1", children: n }) : u ? /* @__PURE__ */ e.jsx(
-            "span",
-            {
-              className: U("text-muted-foreground text-label-md -mt-1", {
-                "text-neutral-700": l
-              }),
-              children: u
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-), X = W;
-X.displayName = "Datepicker";
-export {
-  X as Datepicker
-};

package/dist/components/blocks/date-range-picker.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-BuHQgaKs.cjs"),$=require("../../label-U5GnYvFO.cjs"),b=require("../../index-DoxiiusW.cjs"),I=require("../../index-C8P6Mn4U.cjs"),a=require("date-fns"),w=require("react"),T=require("react-day-picker"),f=require("../../style-CA5976Oh.cjs"),N=require("../../icon-component-D5YssRbR.cjs"),j=require("../../popover-4V87msIT.cjs"),L=I.cva("border-neutral-050 focus-visible:ring-ring-default lg:hover:bg-neutral-000 flex w-full items-center gap-2 border-[0.5px] bg-white text-base whitespace-pre-wrap focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 lg:disabled:hover:bg-neutral-100",{variants:{size:{sm:"text-label-md h-8 rounded-sm px-2 py-1",md:"text-label-lg h-12 rounded-md px-3 py-1",lg:"text-label-xl h-16 rounded-lg px-4 py-2"},rounded:{default:"",full:"rounded-full"},state:{default:"",selected:"bg-blue-050 focus:blue-800 border-blue-800 font-semibold text-blue-800 active:border-blue-800 lg:hover:bg-blue-100",error:"border-error-main"}},defaultVariants:{size:"md",rounded:"default",state:"default"}}),B=({onChange:d,value:o,options:x})=>e.jsxRuntimeExports.jsx("select",{className:"text-md focus-visible:ring-ring-default h-fit w-fit! cursor-pointer appearance-none rounded-md border-none pr-9 pl-1 font-semibold transition-colors focus:border-0 focus:border-transparent focus:ring-0 focus:ring-transparent focus:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden",onChange:d,value:o,children:x?.map((n,m)=>{const g=n.value===o;return e.jsxRuntimeExports.jsx("option",{value:n.value,disabled:n.disabled,className:b.cn("disabled:hidden",{"bg-blue-050 font-semibold text-blue-800":g}),children:n.label},m)})}),G=({orientation:d="down",size:o=16})=>e.jsxRuntimeExports.jsx(N.IconComponent,{iconName:d==="left"?"IconChevronLeft":"IconChevronRight",stroke:"1.5",size:o}),F=w.forwardRef(({className:d,locale:o="enGB",placeholder:x,label:n,size:m="md",rounded:g="default",disabledDates:E,helperText:C,side:q="bottom",align:M="center",error:c,touched:p,startDate:i,endDate:l,calendarDropdowns:S=!0,onChange:R,minDate:k,maxDate:_,disabled:h=!1,...u},z)=>{const[t,v]=w.useState({from:i?new Date(i):void 0,to:l?new Date(l):void 0}),D=r=>{if(v(r),R){const s={from:r.from?a.format(r.from,"yyyy-MM-dd"):"",to:r.to?a.format(r.to,"yyyy-MM-dd"):""};R({target:{name:u.name,value:s}})}};w.useEffect(()=>{if(i){const r=new Date(i);isNaN(r.getTime())||v(s=>({...s,from:r}))}if(l){const r=new Date(l);isNaN(r.getTime())||v(s=>({...s,to:r}))}},[i,l]);const y=o==="enGB"?f.enGB:o==="enUS"?f.enUS:o==="fr"?f.fr:f.es;return e.jsxRuntimeExports.jsxs("div",{ref:z,className:b.cn("flex flex-col gap-3",d),...u,children:[n&&e.jsxRuntimeExports.jsx($.Label,{htmlFor:u.id,className:b.cn({"text-neutral-700":h}),children:n}),e.jsxRuntimeExports.jsxs(j.Popover,{children:[e.jsxRuntimeExports.jsx(j.PopoverTrigger,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:b.cn(L({size:m,rounded:g,state:t.from&&t.to||p&&!c?"selected":c&&p?"error":"default"}),{"text-neutral-800":!t.from&&!t.to}),disabled:h,children:[e.jsxRuntimeExports.jsx(N.IconComponent,{iconName:"IconCalendar",size:20,className:"pointer-events-none"}),t.from&&t.to?`${a.format(t.from,"PPP",{locale:y})} - ${a.format(t.to,"PPP",{locale:y})}`:x||"Select a date range",e.jsxRuntimeExports.jsx("input",{hidden:!0,onChange:()=>null,value:t.from&&t.to?`${a.format(t.from,"yyyy-MM-dd")} to ${a.format(t.to,"yyyy-MM-dd")}`:`${i||""} to ${l||""}`})]})}),e.jsxRuntimeExports.jsx(j.PopoverContent,{className:"w-auto overflow-hidden p-0",side:q,align:M,children:e.jsxRuntimeExports.jsx(T.DayPicker,{mode:"range",captionLayout:S?"dropdown":"label",selected:t,onSelect:D,locale:y,startMonth:k||new Date(1900,0,1),endMonth:_||new Date(2100,11,31),showOutsideDays:!0,disabled:E,className:"p-2",required:!0,classNames:{root:"w-fit text-sm text-center",weekday:"text-muted-foreground font-regular",month_grid:"border-separate",month_caption:"h-9 relative flex items-center w-full",dropdowns:"absolute w-fit items-center justify-center z-10 left-1/2 flex -translate-x-1/2 top-1/2 -translate-y-1/2",button_next:"rounded-2xl border-none lg:hover:bg-neutral-050 transition-colors z-1 p-2 disabled:opacity-50 focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1",button_previous:"rounded-2xl border-none lg:hover:bg-neutral-050 transition-colors z-1 p-2 disabled:opacity-50 focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1",nav:"w-full h-9 top-0 left-0 absolute flex justify-between items-center gap-2",selected:"bg-blue-800 text-white border-[0.5px] border-blue-800! lg:hover:bg-blue-900 transition-colors font-semibold",today:"bg-blue-050 border-[0.5px] text-blue-800 lg:hover:bg-blue-100",outside:"bg-white text-neutral-200 border-[0.5px] border-neutral-000",day_button:"text-sm h-9 w-9 whitespace-nowrap border-none focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] rounded-2xl",caption_label:"text-neutral-1000 text-base font-semibold leading-none self-center w-full",disabled:"bg-white text-neutral-200 border-[0.5px] border-neutral-000 lg:hover:bg-white!",day:"h-9 w-9 aspect-square text-sm rounded-2xl border-[0.5px] border-neutral-050 lg:hover:bg-blue-050 transition-colors p-0 whitespace-nowrap",range_end:"bg-blue-800 text-white border-[0.5px] border-blue-800! lg:hover:bg-blue-900 transition-colors font-semibold",range_start:"bg-blue-800 text-white border-[0.5px] border-blue-800! lg:hover:bg-blue-900 transition-colors font-semibold",range_middle:"bg-blue-050! border-[0.5px] border-blue-800! text-blue-800! lg:hover:bg-blue-100 transition-colors font-semibold"},components:{Dropdown:B,Chevron:({orientation:r,size:s})=>e.jsxRuntimeExports.jsx(G,{orientation:r,size:s})}})})]}),c&&p?e.jsxRuntimeExports.jsx("span",{"aria-describedby":u.id,"aria-invalid":"true",className:"text-error-main text-label-md -mt-1",children:c}):e.jsxRuntimeExports.jsx("span",{className:b.clsx("text-muted-foreground -mt-1",{"text-neutral-700":h}),"aria-describedby":u.id,children:C})]})}),P=F;P.displayName="DateRangePicker";exports.DateRangePicker=P;

package/dist/components/blocks/date-range-picker.d.ts

@@ -1,29 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-import { Matcher } from 'react-day-picker';
-import 'react-day-picker/dist/style.css';
-declare const dateRangePickerTriggerStyles: (props?: ({
-    size?: "lg" | "md" | "sm" | null | undefined;
-    rounded?: "default" | "full" | null | undefined;
-    state?: "selected" | "default" | "error" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface IDateRangePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof dateRangePickerTriggerStyles> {
-    label?: string;
-    helperText?: string;
-    error?: string;
-    touched?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    rounded?: 'default' | 'full';
-    startDate: string;
-    endDate: string;
-    calendarDropdowns?: boolean;
-    disabledDates?: Matcher | Matcher[] | undefined;
-    locale?: 'enGB' | 'enUS' | 'es' | 'fr';
-    side?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
-    placeholder?: string;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean;
-}
-export declare const DateRangePicker: import("react").ForwardRefExoticComponent<IDateRangePickerProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};