@inspirecn/react 1.0.0

package/dist/components/table-empty-state/TableEmptyState.js

@@ -0,0 +1,52 @@
+import { MailWarning as m, ExternalLink as o } from "lucide-react";
+import { cn as x } from "@inspirecn/ui/lib/utils";
+import { Button as f } from "../button/Button.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+function g({
+  title: i = "No sent emails yet",
+  description: s = "Start sending emails to see insights and previews for every message.",
+  icon: a,
+  actionLabel: l = "Send Email",
+  onAction: t,
+  actionIcon: n = /* @__PURE__ */ e(o, {
+    className: "size-4"
+  }),
+  className: c,
+  ...d
+}) {
+  return /* @__PURE__ */ e("div", {
+    className: x("flex flex-col items-center justify-center py-8 px-6", "w-full h-full", c),
+    ...d,
+    children: /* @__PURE__ */ r("div", {
+      className: "flex flex-col items-center justify-center gap-4 border border-dashed border-border-primary rounded-md w-full py-8 px-6",
+      children: [/* @__PURE__ */ e("div", {
+        className: "flex items-center justify-center size-12 p-3 bg-surface-white border border-border-primary rounded-md shrink-0",
+        children: /* @__PURE__ */ e("div", {
+          className: "flex items-center justify-center h-6 w-6",
+          children: a || /* @__PURE__ */ e(m, {
+            className: " size-6 text-icon-secondary!"
+          })
+        })
+      }), /* @__PURE__ */ r("div", {
+        className: "flex flex-col items-center gap-2 text-center",
+        children: [/* @__PURE__ */ e("h3", {
+          className: "text-heading-lg font-medium text-text-primary",
+          children: i
+        }), /* @__PURE__ */ e("p", {
+          className: "text-heading-xs w-fit text-text-secondary",
+          children: s
+        })]
+      }), t && /* @__PURE__ */ r(f, {
+        onClick: t,
+        className: "flex items-center gap-2 px-3! py-2! bg-cta-primary hover:bg-cta-primary/90 text-white rounded-md h-8",
+        children: [n, /* @__PURE__ */ e("span", {
+          className: "text-heading-xs",
+          children: l
+        })]
+      })]
+    })
+  });
+}
+export {
+  g as TableEmptyState
+};

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { type VariantProps } from 'class-variance-authority';
+declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAajD;AAED,QAAA,MAAM,gBAAgB;;8EAarB,CAAC;AAIF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC,2CAStC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAiCpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,84 @@
+import * as e from "@radix-ui/react-tabs";
+import { cva as s } from "class-variance-authority";
+import { cn as i } from "@inspirecn/ui/lib/utils";
+import { jsx as r } from "react/jsx-runtime";
+function p({
+  className: a,
+  orientation: t = "horizontal",
+  ...n
+}) {
+  return /* @__PURE__ */ r(e.Root, {
+    "data-slot": "tabs",
+    "data-orientation": t,
+    orientation: t,
+    className: i("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", a),
+    ...n
+  });
+}
+const o = s("rounded-md group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:h-10 data-[variant=line]:rounded-none group/tabs-list text-text-tertiary inline-flex items-center justify-center group-data-[orientation=vertical]/tabs:h-full group-data-[orientation=vertical]/tabs:flex-col", {
+  variants: {
+    variant: {
+      default: "bg-cta-secondary p-1",
+      line: "bg-transparent gap-4  w-full justify-start shadow-[inset_0_-1px_0_0_var(--border-primary)]"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function v({
+  className: a,
+  variant: t = "default",
+  ...n
+}) {
+  return /* @__PURE__ */ r(e.List, {
+    "data-slot": "tabs-list",
+    "data-variant": t,
+    className: i(o({
+      variant: t
+    }), a),
+    ...n
+  });
+}
+function b({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(e.Trigger, {
+    "data-slot": "tabs-trigger",
+    className: i(
+      "text-heading-xs relative inline-flex h-[calc(100%px-1px)] w-fit cursor-pointer items-center justify-center gap-1.5 rounded-sm px-4 py-1 font-normal whitespace-nowrap transition-all duration-200 ease-in-out focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      "group-data-[variant=default]/tabs-list:text-text-tertiary group-data-[variant=default]/tabs-list:text-text-sm group-data-[variant=default]/tabs-list:data-[state=active]:shadow-[inset_0_0_0_1px_var(--border-white)]",
+      "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
+      "group-data-[variant=default]/tabs-list:data-[state=active]:shadow-primary group-data-[variant=default]/tabs-list:flex-1",
+      "group-data-[variant=line]/tabs-list:text-text-secondary group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none",
+      // 'group-data-[variant=default]/tabs-list:focus-visible:border-focused',
+      "group-data-[variant=line]/tabs-list:data-[state=active]:focus-visible:after:bg-cta-primary",
+      "group-data-[variant=line]/tabs-list:hover:bg-hover-secondary group-data-[variant=line]/tabs-list:hover:text-text-brand group-data-[variant=line]/tabs-list:data-[state=active]:text-text-brand group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:px-2 group-data-[variant=line]/tabs-list:pt-2 group-data-[variant=line]/tabs-list:pb-4 group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:font-medium",
+      // data-[state=active]:border-white
+      "data-[state=active]:text-text-primary",
+      "data-[state=active]:bg-surface-tertiary",
+      "group-data-[variant=line]/tabs-list:data-[state=active]:group-data-[orientation=horizontal]/tabs:shadow-[inset_0_-2px_0_0_var(--cta-primary)]",
+      // 'after:bg-cta-primary after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0.5 group-data-[orientation=horizontal]/tabs:after:-bottom-px group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100',
+      a
+    ),
+    ...t
+  });
+}
+function c({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(e.Content, {
+    "data-slot": "tabs-content",
+    className: i("flex-1 outline-none", a),
+    ...t
+  });
+}
+export {
+  p as Tabs,
+  c as TabsContent,
+  v as TabsList,
+  b as TabsTrigger,
+  o as tabsListVariants
+};

package/dist/components/text-link/LinkText.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+declare const linkTextVariants: (props?: ({
+    variant?: "default" | "destructive" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "base" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type LinkTextProps<T extends ElementType = 'a'> = {
+    as?: T;
+    className?: string;
+    children: React.ReactNode;
+} & VariantProps<typeof linkTextVariants> & ComponentPropsWithoutRef<T>;
+export declare function LinkText<T extends ElementType = 'a'>({ as, variant, size, className, children, ...props }: LinkTextProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LinkText.d.ts.map

package/dist/components/text-link/LinkText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkText.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/LinkText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9D,QAAA,MAAM,gBAAgB;;;8EAuBrB,CAAC;AAEF,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI;IAChD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,GACvC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAE9B,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EACpD,EAAE,EACF,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CAWlB"}

package/dist/components/text-link/LinkText.js

@@ -0,0 +1,42 @@
+import { cn as n } from "@inspirecn/ui/lib/utils";
+import { cva as o } from "class-variance-authority";
+import { jsx as x } from "react/jsx-runtime";
+const u = o("inline-flex items-center underline-offset-4 hover:underline focus-visible:underline", {
+  variants: {
+    variant: {
+      default: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 active:text-blue-800 dark:active:text-blue-200 visited:text-purple-600 dark:visited:text-purple-400",
+      muted: "text-muted-foreground hover:text-muted-foreground/80 active:text-muted-foreground/90 visited:text-muted-foreground/70",
+      destructive: "text-red-600 dark:text-red-400 hover:text-red-700 dark:hover:text-red-300 active:text-red-800 dark:active:text-red-200 visited:text-red-500 dark:visited:text-red-300"
+    },
+    size: {
+      sm: "text-sm",
+      base: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "base"
+  }
+});
+function f({
+  as: e,
+  variant: t,
+  size: r,
+  className: d,
+  children: i,
+  ...a
+}) {
+  return /* @__PURE__ */ x(e || "a", {
+    className: n(u({
+      variant: t,
+      size: r,
+      className: d
+    })),
+    ...a,
+    children: i
+  });
+}
+export {
+  f as LinkText
+};

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface TextareaProps extends React.ComponentProps<'textarea'> {
+    autoResize?: boolean;
+}
+declare function Textarea({ className, autoResize, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export { Textarea };
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAsC3E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/textarea/Textarea.js

@@ -0,0 +1,28 @@
+import * as n from "react";
+import { cn as d } from "@inspirecn/ui/lib/utils";
+import { jsx as s } from "react/jsx-runtime";
+function u({
+  className: o,
+  autoResize: e = !1,
+  ...a
+}) {
+  const r = n.useRef(null), t = n.useCallback(() => {
+    if (!r.current || !e) return;
+    r.current.style.height = "36px";
+    const i = r.current.scrollHeight;
+    i > 36 && (r.current.style.height = i + "px");
+  }, [e]);
+  return n.useEffect(() => {
+    e && t();
+  }, [e, t]), /* @__PURE__ */ s("textarea", {
+    ref: r,
+    "data-slot": "textarea",
+    className: d("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 field-sizing-content shadow-xs flex w-full rounded-md border bg-transparent px-3 text-base outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "bg-background! hover:bg-accent! hover:text-accent-foreground! dark:hover:bg-accent/50!", e ? "h-9 resize-none overflow-hidden py-[9px]" : "min-h-16 py-2", o),
+    onInput: t,
+    rows: e ? 1 : void 0,
+    ...a
+  });
+}
+export {
+  u as Textarea
+};

package/dist/components/toggle/Toggle.d.ts

@@ -0,0 +1,10 @@
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EAqBnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQpC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/toggle/Toggle.js

@@ -0,0 +1,41 @@
+import * as i from "@radix-ui/react-toggle";
+import { cva as n } from "class-variance-authority";
+import { cn as o } from "@inspirecn/ui/lib/utils";
+import { jsx as s } from "react/jsx-runtime";
+const d = n("inline-flex items-center justify-center gap-2 rounded-sm text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-all duration-200 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+  variants: {
+    variant: {
+      default: "bg-primary/10 text-primary hover:bg-primary/20 data-[state=on]:bg-primary data-[state=on]:text-primary-foreground data-[state=on]:shadow-sm",
+      outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground data-[state=on]:border-primary data-[state=on]:shadow-sm"
+    },
+    size: {
+      default: "h-8 px-2.5 min-w-[3.5rem] text-sm",
+      sm: "h-7 px-2 min-w-[3rem] text-xs",
+      lg: "h-9 px-3 min-w-[4rem] text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function u({
+  className: t,
+  variant: e,
+  size: r,
+  ...a
+}) {
+  return /* @__PURE__ */ s(i.Root, {
+    "data-slot": "toggle",
+    className: o(d({
+      variant: e,
+      size: r,
+      className: t
+    })),
+    ...a
+  });
+}
+export {
+  u as Toggle,
+  d as toggleVariants
+};

package/dist/components/toggle-group/ToggleGroup.d.ts

@@ -0,0 +1,10 @@
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { toggleVariants } from '../toggle/Toggle';
+declare function ToggleGroup({ className, variant, size, layout, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    layout?: 'joined' | 'separated';
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=ToggleGroup.d.ts.map

package/dist/components/toggle-group/ToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAUlD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,MAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACjC,2CA0BF;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAmCpC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/toggle-group/ToggleGroup.js

@@ -0,0 +1,78 @@
+import * as l from "@radix-ui/react-toggle-group";
+import * as f from "react";
+import { cn as g } from "@inspirecn/ui/lib/utils";
+import { toggleVariants as c } from "../toggle/Toggle.js";
+import { jsx as s } from "react/jsx-runtime";
+const m = f.createContext({
+  size: "default",
+  variant: "default",
+  layout: "joined"
+});
+function x({
+  className: n,
+  variant: e,
+  size: a,
+  layout: t = "joined",
+  children: i,
+  ...o
+}) {
+  return /* @__PURE__ */ s(l.Root, {
+    "data-slot": "toggle-group",
+    "data-variant": e,
+    "data-size": a,
+    "data-layout": t,
+    className: g(
+      "group/toggle-group flex w-fit items-center",
+      // Layout-specific styling
+      t === "joined" && "rounded-sm",
+      t === "separated" && "gap-1",
+      // Variant-specific styling
+      e === "outline" && t === "joined" && "border-input bg-background border",
+      e === "default" && t === "joined" && "",
+      n
+    ),
+    ...o,
+    children: /* @__PURE__ */ s(m.Provider, {
+      value: {
+        variant: e,
+        size: a,
+        layout: t
+      },
+      children: i
+    })
+  });
+}
+function v({
+  className: n,
+  children: e,
+  variant: a,
+  size: t,
+  ...i
+}) {
+  const o = f.useContext(m), d = o.variant || a, u = o.size || t, r = o.layout || "joined";
+  return /* @__PURE__ */ s(l.Item, {
+    "data-slot": "toggle-group-item",
+    "data-variant": d,
+    "data-size": u,
+    "data-layout": r,
+    className: g(
+      c({
+        variant: d,
+        size: u
+      }),
+      // Layout-specific styling
+      r === "joined" && "min-w-0 flex-1 shrink-0 rounded-none first:rounded-l-sm last:rounded-r-sm focus:z-10 focus-visible:z-10 [&:not(:first-child):not(:last-child)]:px-4",
+      r === "separated" && "rounded-sm",
+      // Variant and layout combinations
+      r === "joined" && d === "outline" && "data-[state=on]:border-primary border-l-0 first:border-l",
+      r === "joined" && d === "default" && "data-[state=off]:bg-muted/50 data-[state=off]:text-muted-foreground data-[state=off]:hover:bg-muted/70",
+      n
+    ),
+    ...i,
+    children: e
+  });
+}
+export {
+  x as ToggleGroup,
+  v as ToggleGroupItem
+};

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+declare function TooltipProviderBase({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipBase({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTriggerBase({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContentBase({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export interface TooltipProps extends Omit<React.ComponentProps<typeof TooltipBase>, "children"> {
+    text: React.ReactNode;
+    children: React.ReactNode;
+    contentClassName?: string;
+    side?: React.ComponentProps<typeof TooltipContentBase>["side"];
+    sideOffset?: React.ComponentProps<typeof TooltipContentBase>["sideOffset"];
+    delayDuration?: React.ComponentProps<typeof TooltipProviderBase>["delayDuration"];
+}
+declare function Tooltip({ text, children, contentClassName, side, sideOffset, delayDuration, // This will be ignored since we use global provider
+...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipTriggerBase, };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,mBAAmB,CAAC,EAC3B,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,UAAU,CAAC;IAClE,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC,YAAY,CAAC,CAAC;IAC3E,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAClC,OAAO,mBAAmB,CAC3B,CAAC,eAAe,CAAC,CAAC;CACpB;AAED,iBAAS,OAAO,CAAC,EACf,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,aAAa,EAAE,oDAAoD;AACnE,GAAG,KAAK,EACT,EAAE,YAAY,2CA2Bd;AAED,OAAO,EACL,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,83 @@
+import * as r from "@radix-ui/react-tooltip";
+import * as m from "react";
+import { cn as n } from "@inspirecn/ui/lib/utils";
+import { jsx as o, Fragment as p, jsxs as f } from "react/jsx-runtime";
+function y({
+  delayDuration: t = 0,
+  ...i
+}) {
+  return /* @__PURE__ */ o(r.Provider, {
+    "data-slot": "tooltip-provider",
+    delayDuration: t,
+    ...i
+  });
+}
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ o(r.Root, {
+    "data-slot": "tooltip",
+    ...t
+  });
+}
+function c({
+  ...t
+}) {
+  return /* @__PURE__ */ o(r.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...t
+  });
+}
+function g({
+  className: t,
+  sideOffset: i = 4,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ o(r.Portal, {
+    children: /* @__PURE__ */ o(r.Content, {
+      "data-slot": "tooltip-content",
+      sideOffset: i,
+      className: n("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-[var(--radix-tooltip-content-transform-origin)] rounded-md px-3 py-1.5 text-xs font-medium", t),
+      ...a,
+      children: e
+    })
+  });
+}
+function v({
+  text: t,
+  children: i,
+  contentClassName: e,
+  side: a,
+  sideOffset: d,
+  delayDuration: x,
+  // This will be ignored since we use global provider
+  ...s
+}) {
+  if (!t)
+    return /* @__PURE__ */ o(p, {
+      children: i
+    });
+  const l = m.isValidElement(i) ? i : /* @__PURE__ */ o("span", {
+    children: i
+  });
+  return /* @__PURE__ */ f(u, {
+    ...s,
+    children: [/* @__PURE__ */ o(c, {
+      asChild: !0,
+      children: l
+    }), /* @__PURE__ */ o(g, {
+      className: n("bg-hover-tertiary text-text-primary z-50 max-w-xs rounded-[100px] px-3 py-1.5 text-heading-xs! font-normal", e),
+      side: a,
+      sideOffset: d,
+      children: t
+    })]
+  });
+}
+export {
+  v as Tooltip,
+  u as TooltipBase,
+  g as TooltipContentBase,
+  y as TooltipProviderBase,
+  c as TooltipTriggerBase
+};

package/dist/fonts/index.css

@@ -0,0 +1,49 @@
+@font-face {
+  font-family: "GT Walsheim";
+  src: url("../../src/assets/fonts/gt-walsheim/normal/GT-Walsheim-Thin-Trial-BF651b7fc728c4c.otf")
+    format("opentype");
+  font-weight: 100;
+  font-display: swap;
+}
+@font-face {
+  font-family: "GT Walsheim";
+  src: url("../../src/assets/fonts/gt-walsheim/normal/GT-Walsheim-Ultra-Light-Trial-BF651b7fc72b236.otf")
+    format("opentype");
+  font-weight: 200;
+  font-display: swap;
+}
+@font-face {
+  font-family: "GT Walsheim";
+  src: url("../../src/assets/fonts/gt-walsheim/normal/GT-Walsheim-Light-Trial-BF651b7fc714941.otf")
+    format("opentype");
+  font-weight: 300;
+  font-display: swap;
+}
+@font-face {
+  font-family: "GT Walsheim";
+  src: url("../../src/assets/fonts/gt-walsheim/normal/GT-Walsheim-Regular-Trial-BF651b7fc71a47d.otf")
+    format("opentype");
+  font-weight: 400;
+  font-display: swap;
+}
+@font-face {
+  font-family: "GT Walsheim";
+  src: url("../../src/assets/fonts/gt-walsheim/normal/GT-Walsheim-Medium-Trial-BF651b7fc728fb3.otf")
+    format("opentype");
+  font-weight: 500;
+  font-display: swap;
+}
+@font-face {
+  font-family: "GT Walsheim";
+  src: url("../../src/assets/fonts/gt-walsheim/normal/GT-Walsheim-Bold-Trial-BF651b7fc737c57.otf")
+    format("opentype");
+  font-weight: 700;
+  font-display: swap;
+}
+@font-face {
+  font-family: "GT Walsheim";
+  src: url("../../src/assets/fonts/gt-walsheim/normal/GT-Walsheim-Ultra-Bold-Trial-BF651b7fc6c21e5.otf")
+    format("opentype");
+  font-weight: 900;
+  font-display: swap;
+}

package/dist/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './use-countdown';
+export * from './use-debounce';
+export * from './use-mobile';
+export * from './useDragScroll';
+export * from './useImageCrop';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,12 @@
+import { useCountdown as r } from "./use-countdown.js";
+import { useDebounce as m } from "./use-debounce.js";
+import { useIsMobile as s } from "./use-mobile.js";
+import { useDragScroll as f } from "./useDragScroll.js";
+import { useImageCrop as l } from "./useImageCrop.js";
+export {
+  r as useCountdown,
+  m as useDebounce,
+  f as useDragScroll,
+  l as useImageCrop,
+  s as useIsMobile
+};

package/dist/hooks/use-countdown.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Custom countdown hook
+ * @param initialSeconds - The initial number of seconds to countdown from
+ * @returns An object containing the countdown value, startCountdown, stopCountdown, and isActive
+ * @example
+ * const { countdown, startCountdown, stopCountdown, isActive } = useCountdown(60);
+ *
+ * useEffect(() => {
+ *   if (isActive) {
+ *     console.log(countdown);
+ *   }
+ * }, [countdown, isActive]);
+ */
+export declare const useCountdown: (initialSeconds?: number) => {
+    countdown: number;
+    startCountdown: (seconds: number) => void;
+    stopCountdown: () => void;
+    isActive: boolean;
+};
+//# sourceMappingURL=use-countdown.d.ts.map

package/dist/hooks/use-countdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-countdown.d.ts","sourceRoot":"","sources":["../../src/hooks/use-countdown.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,GAAI,iBAAgB,MAAU;;8BAIR,MAAM;;;CAoCpD,CAAC"}

package/dist/hooks/use-countdown.js

@@ -0,0 +1,21 @@
+import { useState as a, useRef as l, useCallback as u, useEffect as f } from "react";
+const d = (o = 0) => {
+  const [n, r] = a(o), t = l(null), c = u((e) => {
+    r(e);
+  }, []), s = u(() => {
+    r(0);
+  }, []);
+  return f(() => (n > 0 && (t.current = setInterval(() => {
+    r((e) => e <= 1 ? (t.current && clearInterval(t.current), 0) : e - 1);
+  }, 1e3)), () => {
+    t.current && clearInterval(t.current);
+  }), [n]), {
+    countdown: n,
+    startCountdown: c,
+    stopCountdown: s,
+    isActive: n > 0
+  };
+};
+export {
+  d as useCountdown
+};