@inspirecn/react 1.0.0

package/dist/components/badge/Badge.js

@@ -0,0 +1,46 @@
+import { Slot as n } from "@radix-ui/react-slot";
+import { cva as o } from "class-variance-authority";
+import { cn as d } from "@inspirecn/ui/lib/utils";
+import { jsx as s } from "react/jsx-runtime";
+const m = o("inline-flex items-center justify-center rounded-md px-2 py-0.5 text-xs leading-[14px] font-normal w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden h-[18px]", {
+  variants: {
+    variant: {
+      default: "bg-cta-primary text-white",
+      secondary: "bg-cta-secondary text-text-primary",
+      destructive: "bg-delete text-white",
+      outline: "border border-border-primary  text-text-primary",
+      ghost: "text-text-primary hover:bg-hover-secondary hover:text-text-brand",
+      link: "text-text-primary hover:text-text-brand"
+    },
+    radius: {
+      none: "rounded-xs",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    radius: "sm"
+  }
+});
+function v({
+  className: e,
+  variant: r = "default",
+  radius: t = "sm",
+  asChild: i = !1,
+  ...a
+}) {
+  return /* @__PURE__ */ s(i ? n : "span", {
+    "data-slot": "badge",
+    className: d(m({
+      variant: r,
+      radius: t
+    }), e),
+    ...a
+  });
+}
+export {
+  v as Badge,
+  m as badgeVariants
+};

package/dist/components/body-text/BodyText.d.ts

@@ -0,0 +1,17 @@
+import { VariantProps } from "class-variance-authority";
+import { HTMLAttributes, ReactNode } from "react";
+declare const bodyTextVariants: (props?: ({
+    size?: "sm" | "lg" | "xl" | "md" | "xs" | null | undefined;
+    color?: "secondary" | "primary" | "tertiary" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
+    muted?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BodyTag = "p" | "span" | "div" | "label";
+export type BodyProps = {
+    children: ReactNode;
+    className?: string;
+    as?: BodyTag;
+} & VariantProps<typeof bodyTextVariants> & Omit<HTMLAttributes<HTMLElement>, "color">;
+export declare const BodyText: ({ children, as: Component, size, color, align, className, ...props }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BodyText.d.ts.map

package/dist/components/body-text/BodyText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../src/components/body-text/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,QAAA,MAAM,gBAAgB;;;;;8EA6BpB,CAAC;AACH,KAAK,OAAO,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,GACvC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7C,eAAO,MAAM,QAAQ,GAAI,sEAStB,SAAS,4CASX,CAAC"}

package/dist/components/body-text/BodyText.js

@@ -0,0 +1,51 @@
+import { cva as l } from "class-variance-authority";
+import { jsx as i } from "react/jsx-runtime";
+const m = l("", {
+  variants: {
+    size: {
+      xl: "text-text-xl",
+      lg: "text-text-lg ",
+      md: "text-text-md ",
+      sm: "text-text-sm",
+      xs: "text-text-xs "
+    },
+    color: {
+      primary: "text-text-primary",
+      secondary: "text-text-secondary",
+      tertiary: "text-text-tertiary"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    },
+    muted: {
+      true: "text-muted-foreground",
+      false: "text-foreground"
+    }
+  },
+  defaultVariants: {
+    size: "xl",
+    align: "left",
+    muted: !1
+  }
+}), f = ({
+  children: t,
+  as: e = "p",
+  size: x = "xl",
+  color: r,
+  align: a,
+  className: s,
+  ...o
+}) => /* @__PURE__ */ i(e, {
+  className: `${m({
+    size: x,
+    color: r,
+    align: a
+  })} ${s || ""}`,
+  ...o,
+  children: t
+});
+export {
+  f as BodyText
+};

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+declare function BreadcrumbBase({ ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbItemData {
+    text: string;
+    href: string;
+    icon?: React.ReactNode;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItemData[];
+    onItemClick?: (item: BreadcrumbItemData) => void;
+    showHomeIcon?: boolean;
+    homeIcon?: React.ReactNode;
+    maxVisibleItems?: number;
+    truncateText?: boolean;
+    maxTextLength?: number;
+    className?: string;
+    separator?: React.ReactNode;
+    showDropdown?: boolean;
+}
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export { BreadcrumbBase, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, Breadcrumb, };
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAEhE;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAGD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAgDD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiIzC,CAAC;AAGF,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,UAAU,GACX,CAAC"}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,220 @@
+import * as T from "react";
+import { Slot as C } from "@radix-ui/react-slot";
+import { Home as D, ChevronRight as j, MoreHorizontal as E } from "lucide-react";
+import { Tooltip as F } from "../tooltip/Tooltip.js";
+import { cn as d } from "@inspirecn/ui/lib/utils";
+import { truncateTextUtil as M } from "@inspirecn/ui/lib/string";
+import { jsx as e, jsxs as s, Fragment as w } from "react/jsx-runtime";
+function O({
+  ...r
+}) {
+  return /* @__PURE__ */ e("nav", {
+    "aria-label": "breadcrumb",
+    "data-slot": "breadcrumb",
+    ...r
+  });
+}
+function R({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e("ol", {
+    "data-slot": "breadcrumb-list",
+    className: d("text-text-secondary flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5", r),
+    ...t
+  });
+}
+function p({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e("li", {
+    "data-slot": "breadcrumb-item",
+    className: d("inline-flex items-center gap-1.5", r),
+    ...t
+  });
+}
+function z({
+  asChild: r,
+  className: t,
+  ...l
+}) {
+  return /* @__PURE__ */ e(r ? C : "a", {
+    "data-slot": "breadcrumb-link",
+    className: d("hover:text-foreground transition-colors", t),
+    ...l
+  });
+}
+function $({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ e("span", {
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: d("text-foreground font-normal", r),
+    ...t
+  });
+}
+function b({
+  children: r,
+  className: t,
+  ...l
+}) {
+  return /* @__PURE__ */ e("li", {
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: d("[&>svg]:size-3.5", t),
+    ...l,
+    children: r ?? /* @__PURE__ */ e(j, {})
+  });
+}
+function L({
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ s("span", {
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: d("flex size-9 items-center justify-center", r),
+    ...t,
+    children: [/* @__PURE__ */ e(E, {
+      className: "size-4"
+    }), /* @__PURE__ */ e("span", {
+      className: "sr-only",
+      children: "More"
+    })]
+  });
+}
+const P = ({
+  items: r,
+  onItemClick: t,
+  trigger: l
+}) => {
+  const [i, c] = T.useState(!1), u = (a) => {
+    t == null || t(a), c(!1);
+  };
+  return /* @__PURE__ */ s("div", {
+    className: "relative",
+    children: [/* @__PURE__ */ e("button", {
+      onClick: () => c(!i),
+      className: "hover:bg-muted flex items-center gap-1 rounded p-1 transition-colors",
+      "aria-label": "Toggle breadcrumb menu",
+      children: l || /* @__PURE__ */ e(L, {
+        className: "h-4 w-4"
+      })
+    }), i && /* @__PURE__ */ e("div", {
+      className: "bg-background border-border absolute left-0 top-full z-50 mt-1 min-w-[150px] rounded-md border shadow-lg",
+      children: r.map((a, x) => /* @__PURE__ */ s("button", {
+        onClick: () => u(a),
+        className: "hover:bg-muted flex w-full items-center px-3 py-2 text-left text-sm transition-colors first:rounded-t-md last:rounded-b-md",
+        children: [a.icon && /* @__PURE__ */ e("span", {
+          className: "mr-2 flex-shrink-0",
+          children: a.icon
+        }), /* @__PURE__ */ e("span", {
+          className: "truncate",
+          children: a.text
+        })]
+      }, `${a.href}-${x}`))
+    })]
+  });
+}, W = ({
+  items: r,
+  onItemClick: t,
+  showHomeIcon: l = !0,
+  homeIcon: i = /* @__PURE__ */ e(D, {
+    size: 16
+  }),
+  maxVisibleItems: c = 3,
+  truncateText: u = !0,
+  maxTextLength: a = 20,
+  className: x,
+  separator: m = /* @__PURE__ */ e(j, {}),
+  showDropdown: H = !0
+}) => {
+  const B = r && r.length > 0;
+  let g, o = [], h = [];
+  B && (r.length <= c ? o = r : c === 1 ? (o = r.slice(-1), h = r.slice(0, -1)) : (g = r[0], o = r.slice(-(c - 1)), h = r.slice(1, -(c - 1))));
+  const S = h.length > 0, N = (n) => {
+    t == null || t(n);
+  }, v = (n, f = !1) => {
+    const k = u ? M(n.text, a) : n.text, y = u && n.text.length > (a ?? 20) ? /* @__PURE__ */ e(F, {
+      text: n.text,
+      delayDuration: 500,
+      children: /* @__PURE__ */ e("span", {
+        className: "truncate",
+        children: k
+      })
+    }) : /* @__PURE__ */ e("span", {
+      className: "truncate",
+      children: k
+    });
+    return f ? /* @__PURE__ */ e(p, {
+      className: "text-primary text-sm",
+      children: /* @__PURE__ */ s($, {
+        className: "flex items-center",
+        children: [n.icon && /* @__PURE__ */ e("span", {
+          className: "mr-1 flex-shrink-0",
+          children: n.icon
+        }), y]
+      })
+    }, n.href) : /* @__PURE__ */ e(p, {
+      children: /* @__PURE__ */ s(z, {
+        onClick: () => N(n),
+        className: "text-muted-foreground flex cursor-pointer items-center",
+        children: [n.icon && /* @__PURE__ */ e("span", {
+          className: "mr-1 flex-shrink-0",
+          children: n.icon
+        }), y]
+      })
+    }, n.href);
+  };
+  return /* @__PURE__ */ e(O, {
+    className: x,
+    children: /* @__PURE__ */ s(R, {
+      children: [l && /* @__PURE__ */ e(p, {
+        children: /* @__PURE__ */ e(z, {
+          onClick: () => N({
+            text: "Home",
+            href: "/"
+          }),
+          className: "text-muted-foreground flex cursor-pointer items-center",
+          children: i
+        })
+      }), l && B && /* @__PURE__ */ e(b, {
+        children: m
+      }), g && /* @__PURE__ */ s(w, {
+        children: [v(g, !1), /* @__PURE__ */ e(b, {
+          children: m
+        })]
+      }), S && H && /* @__PURE__ */ s(w, {
+        children: [/* @__PURE__ */ e(p, {
+          children: /* @__PURE__ */ e(P, {
+            items: h,
+            onItemClick: N
+          })
+        }), /* @__PURE__ */ e(b, {
+          children: m
+        })]
+      }), o.map((n, f) => /* @__PURE__ */ s(T.Fragment, {
+        children: [v(n, f === o.length - 1), f < o.length - 1 && /* @__PURE__ */ e(b, {
+          children: m
+        })]
+      }, n.href))]
+    })
+  });
+};
+export {
+  W as Breadcrumb,
+  O as BreadcrumbBase,
+  L as BreadcrumbEllipsis,
+  p as BreadcrumbItem,
+  z as BreadcrumbLink,
+  R as BreadcrumbList,
+  $ as BreadcrumbPage,
+  b as BreadcrumbSeparator
+};

package/dist/components/button/Button.d.ts

@@ -0,0 +1,24 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+type ButtonBaseProps = {
+    asChild?: boolean;
+    textAlign?: 'left' | 'center' | 'right';
+    iconPosition?: 'left' | 'right';
+    isLoading?: boolean;
+    fullWidth?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    form?: string;
+    name?: string;
+    loadingLabel?: string;
+};
+export type ButtonProps = React.ComponentProps<'button'> & ButtonBaseProps & VariantProps<typeof buttonVariants>;
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    textAlign?: "center" | "left" | "right" | null | undefined;
+    iconPosition?: "left" | "right" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, textAlign, iconPosition, fullWidth, asChild, isLoading, loadingLabel, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GACtD,eAAe,GACf,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAStC,QAAA,MAAM,cAAc;;;;;;8EAqDnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,OAAe,EACf,SAAS,EACT,YAAwB,EACxB,QAAQ,EAER,GAAG,KAAK,EACT,EAAE,WAAW,2CA8Cb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/button/Button.js

@@ -0,0 +1,95 @@
+import { Slot as x } from "@radix-ui/react-slot";
+import { cva as p } from "class-variance-authority";
+import { cn as v } from "@inspirecn/ui/lib/utils";
+import { Loader2 as m } from "lucide-react";
+import { jsx as e, jsxs as h, Fragment as r } from "react/jsx-runtime";
+const b = p("inline-flex items-center gap-2 whitespace-nowrap rounded-md text-heading-xs! font-normal transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-1 outline-transparent -outline-offset-1  aria-invalid:outline-danger transition-all", {
+  variants: {
+    variant: {
+      default: "bg-cta-primary text-white hover:bg-cta-primary/90!  focus-visible:outline-focused",
+      secondary: "bg-cta-secondary text-text-primary hover:bg-hover-secondary hover:text-text-brand! focus-visible:outline-focused",
+      destructive: "bg-delete hover:bg-delete/90 text-white focus-visible:outline-focused",
+      outline: "outline-border-primary  text-text-primary hover:bg-hover-secondary hover:outline-cta-tertiary hover:text-text-brand focus-visible:outline-focused  focus-visible:text-text-primary ",
+      ghost: "text-text-primary hover:bg-hover-secondary hover:text-text-brand  focus-visible:outline-focused focus-visible:bg-transparent focus-visible:text-text-primary",
+      link: "text-text-primary hover:text-text-brand focus:outline-focused focus:text-text-primary"
+    },
+    size: {
+      default: "px-4 py-3 has-[>svg]:px-4 has-[>svg]:py-3 gap-2",
+      sm: "gap-1.5 px-3  py-2 has-[>svg]:px-4",
+      lg: "px-8 py-4 has-[>svg]:px-8",
+      icon: "size-8 justify-center p-2"
+    },
+    textAlign: {
+      left: "justify-start",
+      center: "justify-center",
+      right: "justify-end"
+    },
+    iconPosition: {
+      // left: "[&>svg]:order-first",
+      // right: "[&>svg]:order-last",
+      left: "flex-row",
+      right: "flex-row-reverse"
+    },
+    fullWidth: {
+      true: "w-full flex px-4",
+      false: "inline-flex"
+    }
+  },
+  compoundVariants: [{
+    variant: "link",
+    className: "h-5! px-1! py-0.5! rounded-sm"
+  }],
+  defaultVariants: {
+    variant: "default",
+    size: "default",
+    textAlign: "center",
+    iconPosition: "left",
+    fullWidth: !1
+  }
+});
+function N({
+  className: o,
+  variant: s,
+  size: n,
+  textAlign: a,
+  iconPosition: l,
+  fullWidth: u,
+  asChild: c = !1,
+  isLoading: t,
+  loadingLabel: d = "Loading",
+  children: f,
+  // outline,
+  ...i
+}) {
+  return /* @__PURE__ */ e(c ? x : "button", {
+    "data-slot": "button",
+    className: v(
+      b({
+        variant: s,
+        size: n,
+        textAlign: a,
+        iconPosition: l,
+        fullWidth: u,
+        className: o
+      })
+      // variantStyles,
+      // isLoading && "relative bg-cta-primary opacity-50! cursor-not-allowed",
+    ),
+    disabled: t || i.disabled,
+    ...i,
+    children: t ? /* @__PURE__ */ h(r, {
+      children: [/* @__PURE__ */ e(m, {
+        className: "size-4 animate-spin"
+      }), d]
+    }) : (
+      // props.children
+      /* @__PURE__ */ e(r, {
+        children: f
+      })
+    )
+  });
+}
+export {
+  N as Button,
+  b as buttonVariants
+};

package/dist/components/button-group/ButtonGroup.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from "class-variance-authority";
+import { Separator } from "@radix-ui/react-separator";
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/components/button-group/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD,QAAA,MAAM,mBAAmB;;8EAexB,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,2CAUxE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAYA;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CAYxC;AAED,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACpB,CAAA"}

package/dist/components/button-group/ButtonGroup.js

@@ -0,0 +1,59 @@
+import { Slot as a } from "@radix-ui/react-slot";
+import { cva as i } from "class-variance-authority";
+import { Separator as s } from "@radix-ui/react-separator";
+import { cn as e } from "@inspirecn/ui/lib/utils";
+import { jsx as n } from "react/jsx-runtime";
+const l = i("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
+  variants: {
+    orientation: {
+      horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+      vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function h({
+  className: o,
+  orientation: t,
+  ...r
+}) {
+  return /* @__PURE__ */ n("div", {
+    role: "group",
+    "data-slot": "button-group",
+    "data-orientation": t,
+    className: e(l({
+      orientation: t
+    }), o),
+    ...r
+  });
+}
+function g({
+  className: o,
+  asChild: t = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ n(t ? a : "div", {
+    className: e("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", o),
+    ...r
+  });
+}
+function v({
+  className: o,
+  orientation: t = "vertical",
+  ...r
+}) {
+  return /* @__PURE__ */ n(s, {
+    "data-slot": "button-group-separator",
+    orientation: t,
+    className: e("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", o),
+    ...r
+  });
+}
+export {
+  h as ButtonGroup,
+  v as ButtonGroupSeparator,
+  g as ButtonGroupText,
+  l as buttonGroupVariants
+};

package/dist/components/calendar/Calendar.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { DayPicker, type DayButton } from 'react-day-picker';
+import { Button } from '../button/Button';
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, yearRange, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+    yearRange?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/Calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EACL,SAAS,EAET,KAAK,SAAS,EACf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAkB,MAAM,kBAAkB,CAAC;AAE1D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAA2B,EAC3B,UAAU,EACV,UAAU,EACV,SAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA0JA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CAiDxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}