@clasing/ui 0.1.123 → 0.1.124

package/dist/calendar-BAQkzm4v.js

@@ -0,0 +1,117 @@
+import { j as i } from "./jsx-runtime-C5mzlN2N.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-BZ-4FDV6.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-DL8gqdRp.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("./jsx-runtime-DUiatUiq.cjs"),D=require("./index-DoxiiusW.cjs"),s=require("date-fns"),y=require("react"),R=require("react-day-picker"),c=require("./style-CA5976Oh.cjs"),k=require("./icon-component-LY_vGYHZ.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(S=>S.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(R.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/card-BCgtou88.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./jsx-runtime-DUiatUiq.cjs"),e=require("./index-DoxiiusW.cjs");function s({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card",className:e.cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6",t),...r})}function n({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-header",className:e.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function o({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-title",className:e.cn("leading-none font-semibold",t),...r})}function d({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-description",className:e.cn("text-muted-foreground text-sm",t),...r})}function i({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-action",className:e.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end",t),...r})}function c({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-content",className:e.cn("px-6",t),...r})}function u({className:t,...r}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"card-footer",className:e.cn("flex items-center px-6 [.border-t]:pt-6",t),...r})}exports.Card=s;exports.CardAction=i;exports.CardContent=c;exports.CardDescription=d;exports.CardFooter=u;exports.CardHeader=n;exports.CardTitle=o;

package/dist/card-BfBXE5Kq.js

@@ -0,0 +1,90 @@
+import { j as r } from "./jsx-runtime-C5mzlN2N.js";
+import { c as s } from "./index-CRiPKpXj.js";
+function d({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: s(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function n({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: s(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function c({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: s("leading-none font-semibold", a),
+      ...t
+    }
+  );
+}
+function i({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: s("text-muted-foreground text-sm", a),
+      ...t
+    }
+  );
+}
+function l({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: s(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function u({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: s("px-6", a),
+      ...t
+    }
+  );
+}
+function f({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: s("flex items-center px-6 [.border-t]:pt-6", a),
+      ...t
+    }
+  );
+}
+export {
+  d as C,
+  l as a,
+  u as b,
+  i as c,
+  f as d,
+  n as e,
+  c as f
+};

package/dist/chip-A32aAc-8.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-DUiatUiq.cjs"),c=require("./index-DoxiiusW.cjs"),g=require("./index-C8P6Mn4U.cjs"),f=require("react"),r=require("./icon-component-LY_vGYHZ.cjs"),n=g.cva("focus-visible:ring-ring-default inline-flex items-center gap-1 rounded-full border px-3 py-1.5 transition-colors focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:cursor-default disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100",{variants:{intent:{selected:["bg-blue-050 border-blue-800 font-semibold text-blue-800"],unselected:["text-neutral-1000 lg:hover:bg-neutral-000 border-neutral-500 bg-white"],error:["bg-error-light border-error-main text-muted-foreground"]},size:{sm:"text-xs",md:"text-sm",lg:"text-base"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{intent:"unselected",size:"md",weight:"regular"}}),p=f.forwardRef(({className:o,intent:i,size:l,weight:a,children:m,iconLeft:e,iconRight:s,notification:u,onClick:d,disabled:j,...x},b)=>(typeof e=="string"&&(e={name:e}),typeof s=="string"&&(s={name:s}),d?t.jsxRuntimeExports.jsxs("button",{ref:b,className:c.cn(n({intent:i,size:l,weight:a,className:o})),type:"button",disabled:j,onClick:d,...x,children:[e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e?.name,stroke:e?.stroke,size:16}),m,s&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:s?.name,stroke:s?.stroke,size:20,className:"min-w-5"}),u&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconCircleFilled",size:4,className:"text-error-main min-w-1"})]}):t.jsxRuntimeExports.jsxs("div",{ref:b,className:c.cn(n({intent:i,size:l,weight:a,className:o})),...x,children:[e&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:e?.name,stroke:e?.stroke,size:16}),m,s&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:s?.name,stroke:s?.stroke,size:20,className:"min-w-5"}),u&&t.jsxRuntimeExports.jsx(r.IconComponent,{iconName:"IconCircleFilled",size:4,className:"text-error-main min-w-1"})]})));p.displayName="Chip";exports.ChipComponent=p;exports.chipStyles=n;

package/dist/chip-ZZHZ8i1Q.js

@@ -0,0 +1,127 @@
+import { j as s } from "./jsx-runtime-C5mzlN2N.js";
+import { c as x } from "./index-CRiPKpXj.js";
+import { c } from "./index-BqtVL8d-.js";
+import { forwardRef as g } from "react";
+import { I as t } from "./icon-component-BZ-4FDV6.js";
+const f = c(
+  "focus-visible:ring-ring-default inline-flex items-center gap-1 rounded-full border px-3 py-1.5 transition-colors focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:cursor-default disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100",
+  {
+    variants: {
+      intent: {
+        selected: ["bg-blue-050 border-blue-800 font-semibold text-blue-800"],
+        unselected: [
+          "text-neutral-1000 lg:hover:bg-neutral-000 border-neutral-500 bg-white"
+        ],
+        error: ["bg-error-light border-error-main text-muted-foreground"]
+      },
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      weight: {
+        light: "font-light",
+        regular: "font-regular",
+        semibold: "font-semibold",
+        bold: "font-bold"
+      }
+    },
+    defaultVariants: {
+      intent: "unselected",
+      size: "md",
+      weight: "regular"
+    }
+  }
+), N = g(
+  ({
+    className: a,
+    intent: l,
+    size: o,
+    weight: n,
+    children: i,
+    iconLeft: e,
+    iconRight: r,
+    notification: m,
+    onClick: d,
+    disabled: p,
+    ...u
+  }, b) => (typeof e == "string" && (e = { name: e }), typeof r == "string" && (r = { name: r }), d ? /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      ref: b,
+      className: x(f({ intent: l, size: o, weight: n, className: a })),
+      type: "button",
+      disabled: p,
+      onClick: d,
+      ...u,
+      children: [
+        e && /* @__PURE__ */ s.jsx(
+          t,
+          {
+            iconName: e?.name,
+            stroke: e?.stroke,
+            size: 16
+          }
+        ),
+        i,
+        r && /* @__PURE__ */ s.jsx(
+          t,
+          {
+            iconName: r?.name,
+            stroke: r?.stroke,
+            size: 20,
+            className: "min-w-5"
+          }
+        ),
+        m && /* @__PURE__ */ s.jsx(
+          t,
+          {
+            iconName: "IconCircleFilled",
+            size: 4,
+            className: "text-error-main min-w-1"
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      ref: b,
+      className: x(f({ intent: l, size: o, weight: n, className: a })),
+      ...u,
+      children: [
+        e && /* @__PURE__ */ s.jsx(
+          t,
+          {
+            iconName: e?.name,
+            stroke: e?.stroke,
+            size: 16
+          }
+        ),
+        i,
+        r && /* @__PURE__ */ s.jsx(
+          t,
+          {
+            iconName: r?.name,
+            stroke: r?.stroke,
+            size: 20,
+            className: "min-w-5"
+          }
+        ),
+        m && /* @__PURE__ */ s.jsx(
+          t,
+          {
+            iconName: "IconCircleFilled",
+            size: 4,
+            className: "text-error-main min-w-1"
+          }
+        )
+      ]
+    }
+  ))
+);
+N.displayName = "Chip";
+export {
+  N as C,
+  f as c
+};