@inspirecn/react 1.0.0

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,189 @@
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+declare const colorVariants: {
+    readonly primary: {
+        readonly linear: {
+            readonly indicator: "bg-primary";
+            readonly background: "bg-primary/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-primary";
+            readonly background: "text-primary/20";
+        };
+    };
+    readonly success: {
+        readonly linear: {
+            readonly indicator: "bg-emerald-600 dark:bg-emerald-500";
+            readonly background: "bg-emerald-600/20 dark:bg-emerald-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-emerald-600 dark:text-emerald-500";
+            readonly background: "text-emerald-600/20 dark:text-emerald-500/20";
+        };
+    };
+    readonly danger: {
+        readonly linear: {
+            readonly indicator: "bg-red-600 dark:bg-red-500";
+            readonly background: "bg-red-600/20 dark:bg-red-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-red-600 dark:text-red-500";
+            readonly background: "text-red-600/20 dark:text-red-500/20";
+        };
+    };
+    readonly warning: {
+        readonly linear: {
+            readonly indicator: "bg-amber-600 dark:bg-amber-500";
+            readonly background: "bg-amber-600/20 dark:bg-amber-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-amber-600 dark:text-amber-500";
+            readonly background: "text-amber-600/20 dark:text-amber-500/20";
+        };
+    };
+    readonly info: {
+        readonly linear: {
+            readonly indicator: "bg-blue-600 dark:bg-blue-500";
+            readonly background: "bg-blue-600/20 dark:bg-blue-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-blue-600 dark:text-blue-500";
+            readonly background: "text-blue-600/20 dark:text-blue-500/20";
+        };
+    };
+    readonly secondary: {
+        readonly linear: {
+            readonly indicator: "bg-slate-600 dark:bg-slate-400";
+            readonly background: "bg-slate-600/20 dark:bg-slate-400/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-slate-600 dark:text-slate-400";
+            readonly background: "text-slate-600/20 dark:text-slate-400/20";
+        };
+    };
+    readonly purple: {
+        readonly linear: {
+            readonly indicator: "bg-purple-600 dark:bg-purple-500";
+            readonly background: "bg-purple-600/20 dark:bg-purple-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-purple-600 dark:text-purple-500";
+            readonly background: "text-purple-600/20 dark:text-purple-500/20";
+        };
+    };
+    readonly pink: {
+        readonly linear: {
+            readonly indicator: "bg-pink-600 dark:bg-pink-500";
+            readonly background: "bg-pink-600/20 dark:bg-pink-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-pink-600 dark:text-pink-500";
+            readonly background: "text-pink-600/20 dark:text-pink-500/20";
+        };
+    };
+    readonly indigo: {
+        readonly linear: {
+            readonly indicator: "bg-indigo-600 dark:bg-indigo-500";
+            readonly background: "bg-indigo-600/20 dark:bg-indigo-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-indigo-600 dark:text-indigo-500";
+            readonly background: "text-indigo-600/20 dark:text-indigo-500/20";
+        };
+    };
+    readonly teal: {
+        readonly linear: {
+            readonly indicator: "bg-teal-600 dark:bg-teal-500";
+            readonly background: "bg-teal-600/20 dark:bg-teal-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-teal-600 dark:text-teal-500";
+            readonly background: "text-teal-600/20 dark:text-teal-500/20";
+        };
+    };
+    readonly orange: {
+        readonly linear: {
+            readonly indicator: "bg-orange-600 dark:bg-orange-500";
+            readonly background: "bg-orange-600/20 dark:bg-orange-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-orange-600 dark:text-orange-500";
+            readonly background: "text-orange-600/20 dark:text-orange-500/20";
+        };
+    };
+    readonly cyan: {
+        readonly linear: {
+            readonly indicator: "bg-cyan-600 dark:bg-cyan-500";
+            readonly background: "bg-cyan-600/20 dark:bg-cyan-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-cyan-600 dark:text-cyan-500";
+            readonly background: "text-cyan-600/20 dark:text-cyan-500/20";
+        };
+    };
+    readonly rose: {
+        readonly linear: {
+            readonly indicator: "bg-rose-600 dark:bg-rose-500";
+            readonly background: "bg-rose-600/20 dark:bg-rose-500/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-rose-600 dark:text-rose-500";
+            readonly background: "text-rose-600/20 dark:text-rose-500/20";
+        };
+    };
+    readonly neutral: {
+        readonly linear: {
+            readonly indicator: "bg-gray-600 dark:bg-gray-400";
+            readonly background: "bg-gray-600/20 dark:bg-gray-400/20";
+        };
+        readonly circular: {
+            readonly indicator: "text-gray-600 dark:text-gray-400";
+            readonly background: "text-gray-600/20 dark:text-gray-400/20";
+        };
+    };
+};
+declare const sizeVariants: {
+    readonly sm: "h-1";
+    readonly md: "h-2";
+    readonly lg: "h-3";
+    readonly xl: "h-3.5";
+};
+declare const circularSizeVariants: {
+    readonly sm: "size-8";
+    readonly md: "size-12";
+    readonly lg: "size-16";
+    readonly xl: "size-20";
+};
+type ColorVariant = keyof typeof colorVariants;
+type SizeVariant = keyof typeof sizeVariants;
+type CircularSizeVariant = keyof typeof circularSizeVariants;
+interface BaseProgressProps {
+    value?: number;
+    color?: ColorVariant | string;
+    showValue?: boolean;
+    valueFormat?: (value: number) => string;
+    label?: string;
+    className?: string;
+    indicatorClassName?: string;
+}
+interface LinearProgressProps extends BaseProgressProps {
+    size?: SizeVariant;
+}
+interface CircularProgressProps extends BaseProgressProps {
+    size?: CircularSizeVariant;
+}
+interface ProgressProps extends Omit<React.ComponentProps<typeof ProgressPrimitive.Root>, 'value'> {
+    value?: number;
+    variant?: 'linear' | 'circular';
+    color?: ColorVariant | string;
+    size?: SizeVariant | CircularSizeVariant;
+    showValue?: boolean;
+    valueFormat?: (value: number) => string;
+    label?: string;
+    className?: string;
+    indicatorClassName?: string;
+}
+declare function Progress({ variant, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+export { Progress };
+export type { ProgressProps, LinearProgressProps, CircularProgressProps };
+//# sourceMappingURL=Progress.d.ts.map

package/dist/components/progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAK9D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6IT,CAAC;AAGX,QAAA,MAAM,YAAY;;;;;CAKR,CAAC;AAGX,QAAA,MAAM,oBAAoB;;;;;CAKhB,CAAC;AAyBX,KAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,KAAK,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC;AAC7C,KAAK,mBAAmB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAE7D,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,mBAAmB,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAqMD,iBAAS,QAAQ,CAAC,EAAE,OAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAMhE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/progress/Progress.js

@@ -0,0 +1,283 @@
+import * as y from "@radix-ui/react-progress";
+import { cn as o } from "@inspirecn/ui/lib/utils";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+const f = {
+  primary: {
+    linear: {
+      indicator: "bg-primary",
+      background: "bg-primary/20"
+    },
+    circular: {
+      indicator: "text-primary",
+      background: "text-primary/20"
+    }
+  },
+  success: {
+    linear: {
+      indicator: "bg-emerald-600 dark:bg-emerald-500",
+      background: "bg-emerald-600/20 dark:bg-emerald-500/20"
+    },
+    circular: {
+      indicator: "text-emerald-600 dark:text-emerald-500",
+      background: "text-emerald-600/20 dark:text-emerald-500/20"
+    }
+  },
+  danger: {
+    linear: {
+      indicator: "bg-red-600 dark:bg-red-500",
+      background: "bg-red-600/20 dark:bg-red-500/20"
+    },
+    circular: {
+      indicator: "text-red-600 dark:text-red-500",
+      background: "text-red-600/20 dark:text-red-500/20"
+    }
+  },
+  warning: {
+    linear: {
+      indicator: "bg-amber-600 dark:bg-amber-500",
+      background: "bg-amber-600/20 dark:bg-amber-500/20"
+    },
+    circular: {
+      indicator: "text-amber-600 dark:text-amber-500",
+      background: "text-amber-600/20 dark:text-amber-500/20"
+    }
+  },
+  info: {
+    linear: {
+      indicator: "bg-blue-600 dark:bg-blue-500",
+      background: "bg-blue-600/20 dark:bg-blue-500/20"
+    },
+    circular: {
+      indicator: "text-blue-600 dark:text-blue-500",
+      background: "text-blue-600/20 dark:text-blue-500/20"
+    }
+  },
+  secondary: {
+    linear: {
+      indicator: "bg-slate-600 dark:bg-slate-400",
+      background: "bg-slate-600/20 dark:bg-slate-400/20"
+    },
+    circular: {
+      indicator: "text-slate-600 dark:text-slate-400",
+      background: "text-slate-600/20 dark:text-slate-400/20"
+    }
+  },
+  purple: {
+    linear: {
+      indicator: "bg-purple-600 dark:bg-purple-500",
+      background: "bg-purple-600/20 dark:bg-purple-500/20"
+    },
+    circular: {
+      indicator: "text-purple-600 dark:text-purple-500",
+      background: "text-purple-600/20 dark:text-purple-500/20"
+    }
+  },
+  pink: {
+    linear: {
+      indicator: "bg-pink-600 dark:bg-pink-500",
+      background: "bg-pink-600/20 dark:bg-pink-500/20"
+    },
+    circular: {
+      indicator: "text-pink-600 dark:text-pink-500",
+      background: "text-pink-600/20 dark:text-pink-500/20"
+    }
+  },
+  indigo: {
+    linear: {
+      indicator: "bg-indigo-600 dark:bg-indigo-500",
+      background: "bg-indigo-600/20 dark:bg-indigo-500/20"
+    },
+    circular: {
+      indicator: "text-indigo-600 dark:text-indigo-500",
+      background: "text-indigo-600/20 dark:text-indigo-500/20"
+    }
+  },
+  teal: {
+    linear: {
+      indicator: "bg-teal-600 dark:bg-teal-500",
+      background: "bg-teal-600/20 dark:bg-teal-500/20"
+    },
+    circular: {
+      indicator: "text-teal-600 dark:text-teal-500",
+      background: "text-teal-600/20 dark:text-teal-500/20"
+    }
+  },
+  orange: {
+    linear: {
+      indicator: "bg-orange-600 dark:bg-orange-500",
+      background: "bg-orange-600/20 dark:bg-orange-500/20"
+    },
+    circular: {
+      indicator: "text-orange-600 dark:text-orange-500",
+      background: "text-orange-600/20 dark:text-orange-500/20"
+    }
+  },
+  cyan: {
+    linear: {
+      indicator: "bg-cyan-600 dark:bg-cyan-500",
+      background: "bg-cyan-600/20 dark:bg-cyan-500/20"
+    },
+    circular: {
+      indicator: "text-cyan-600 dark:text-cyan-500",
+      background: "text-cyan-600/20 dark:text-cyan-500/20"
+    }
+  },
+  rose: {
+    linear: {
+      indicator: "bg-rose-600 dark:bg-rose-500",
+      background: "bg-rose-600/20 dark:bg-rose-500/20"
+    },
+    circular: {
+      indicator: "text-rose-600 dark:text-rose-500",
+      background: "text-rose-600/20 dark:text-rose-500/20"
+    }
+  },
+  neutral: {
+    linear: {
+      indicator: "bg-gray-600 dark:bg-gray-400",
+      background: "bg-gray-600/20 dark:bg-gray-400/20"
+    },
+    circular: {
+      indicator: "text-gray-600 dark:text-gray-400",
+      background: "text-gray-600/20 dark:text-gray-400/20"
+    }
+  }
+}, h = {
+  sm: "h-1",
+  md: "h-2",
+  lg: "h-3",
+  xl: "h-3.5"
+}, C = {
+  sm: "size-8",
+  md: "size-12",
+  lg: "size-16",
+  xl: "size-20"
+}, V = {
+  sm: "text-[10px]",
+  md: "text-xs",
+  lg: "text-sm",
+  xl: "text-base"
+}, z = {
+  sm: 45,
+  md: 45,
+  lg: 45,
+  xl: 45
+}, N = {
+  sm: 6,
+  md: 4,
+  lg: 3,
+  xl: 2
+}, P = (r) => Math.min(Math.max(r, 0), 100), S = (r, a) => {
+  if (r in f) {
+    const t = f[r][a];
+    return {
+      colorClass: t.indicator,
+      bgColorClass: t.background
+    };
+  }
+  return {
+    colorClass: r,
+    bgColorClass: a === "linear" ? "bg-gray-200 dark:bg-gray-800" : "text-gray-200 dark:text-gray-800"
+  };
+}, M = (r) => h[r] || h.md, L = (r) => C[r] || C.md, T = (r) => V[r] || V.md, W = (r) => z[r] || z.md, $ = (r) => N[r] || N.md, I = (r, a) => {
+  const t = 2 * Math.PI * a, e = t, i = t - r / 100 * t;
+  return {
+    circumference: t,
+    strokeDasharray: e,
+    strokeDashoffset: i
+  };
+}, v = (r, a, t) => a ? a(r) : ((i) => `${Math.round(i)}${t === "sm" ? "" : "%"}`)(r);
+function R({
+  className: r,
+  value: a = 0,
+  color: t = "primary",
+  size: e = "md",
+  showValue: i = !1,
+  valueFormat: d,
+  indicatorClassName: l,
+  ...s
+}) {
+  const c = P(a), {
+    colorClass: g,
+    bgColorClass: u
+  } = S(t, "linear"), b = M(e), k = v(c, d);
+  return /* @__PURE__ */ m("div", {
+    className: "w-full",
+    children: [/* @__PURE__ */ n(y.Root, {
+      "data-slot": "progress",
+      className: o("relative w-full overflow-hidden rounded-full transition-all", b, u, r),
+      ...s,
+      children: /* @__PURE__ */ n(y.Indicator, {
+        "data-slot": "progress-indicator",
+        className: o("h-full w-full flex-1 transition-all", g, l),
+        style: {
+          transform: `translateX(-${100 - c}%)`
+        }
+      })
+    }), i && /* @__PURE__ */ n("div", {
+      className: "text-muted-foreground mt-1 text-center text-xs",
+      children: k
+    })]
+  });
+}
+function B({
+  className: r,
+  value: a = 0,
+  color: t = "primary",
+  size: e = "md",
+  showValue: i = !1,
+  valueFormat: d,
+  label: l,
+  indicatorClassName: s
+}) {
+  const c = P(a), {
+    colorClass: g,
+    bgColorClass: u
+  } = S(t, "circular"), b = L(e), k = T(e), x = W(e), p = $(e), {
+    strokeDasharray: w,
+    strokeDashoffset: j
+  } = I(c, x), D = v(c, d, e);
+  return /* @__PURE__ */ m("div", {
+    className: o("relative inline-flex items-center justify-center", r),
+    children: [/* @__PURE__ */ m("svg", {
+      className: o("-rotate-90 transform", b),
+      viewBox: "0 0 100 100",
+      children: [/* @__PURE__ */ n("circle", {
+        cx: "50",
+        cy: "50",
+        r: x,
+        stroke: "currentColor",
+        strokeWidth: p,
+        fill: "transparent",
+        className: u.replace("bg-", "text-")
+      }), /* @__PURE__ */ n("circle", {
+        cx: "50",
+        cy: "50",
+        r: x,
+        stroke: "currentColor",
+        strokeWidth: p,
+        fill: "transparent",
+        strokeDasharray: w,
+        strokeDashoffset: j,
+        strokeLinecap: "round",
+        className: o("transition-all duration-300", g, s)
+      })]
+    }), i && /* @__PURE__ */ n("div", {
+      className: o("absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 select-none items-center justify-center", k),
+      children: l || D
+    })]
+  });
+}
+function q({
+  variant: r = "linear",
+  ...a
+}) {
+  return r === "circular" ? /* @__PURE__ */ n(B, {
+    ...a
+  }) : /* @__PURE__ */ n(R, {
+    ...a
+  });
+}
+export {
+  q as Progress
+};

package/dist/components/radio-group/RadioGroup.d.ts

@@ -0,0 +1,16 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+type RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> & {
+    direction?: 'row' | 'column';
+};
+declare function RadioGroup({ className, direction, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item> & {
+    label?: React.ReactNode;
+    labelPosition?: 'left' | 'right';
+    labelGap?: '2' | '4' | '6';
+    labelClassName?: string;
+    containerClassName?: string;
+};
+declare function RadioGroupItem({ className, label, labelPosition, labelGap, labelClassName, containerClassName, ...props }: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/radio-group/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG;IAC7E,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,SAAoB,EACpB,GAAG,KAAK,EACT,EAAE,eAAe,2CAYjB;AAED,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,mBAAmB,CAAC,IAAI,CAChC,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAK,EACL,aAAuB,EACvB,QAAc,EACd,cAAc,EACd,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA8CrB;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/radio-group/RadioGroup.js

@@ -0,0 +1,50 @@
+import * as d from "@radix-ui/react-radio-group";
+import { CircleIcon as m } from "lucide-react";
+import { cn as i } from "@inspirecn/ui/lib/utils";
+import { Label as u } from "../label/Label.js";
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+function v({
+  className: t,
+  direction: e = "column",
+  ...o
+}) {
+  return /* @__PURE__ */ r(d.Root, {
+    "data-slot": "radio-group",
+    className: i("grid gap-3", e === "row" ? "grid-flow-col" : "grid-flow-row", t),
+    ...o
+  });
+}
+function h({
+  className: t,
+  label: e,
+  labelPosition: o = "right",
+  labelGap: n = "4",
+  labelClassName: l,
+  containerClassName: c,
+  ...a
+}) {
+  const s = /* @__PURE__ */ r(d.Item, {
+    "data-slot": "radio-group-item",
+    className: i("border-input text-primary 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 shadow-xs aspect-square size-4 shrink-0 rounded-full border outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", t),
+    ...a,
+    children: /* @__PURE__ */ r(d.Indicator, {
+      "data-slot": "radio-group-indicator",
+      className: "relative flex items-center justify-center",
+      children: /* @__PURE__ */ r(m, {
+        className: "fill-current absolute left-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
+      })
+    })
+  });
+  return e ? /* @__PURE__ */ f("div", {
+    className: i("flex items-center", o === "left" ? "flex-row-reverse" : "flex-row", `gap-${n}`, c),
+    children: [s, /* @__PURE__ */ r(u, {
+      htmlFor: a.id,
+      className: i("cursor-pointer text-sm font-medium leading-none", a.disabled ? "cursor-not-allowed opacity-50" : "", l),
+      children: e
+    })]
+  }) : s;
+}
+export {
+  v as RadioGroup,
+  h as RadioGroupItem
+};

package/dist/components/resizable-panel/ResizablePanel.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Panel, Group as PanelGroup, Separator as PanelResizeHandle } from "react-resizable-panels";
+declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof PanelGroup>): import("react/jsx-runtime").JSX.Element;
+declare function ResizablePanel({ ...props }: React.ComponentProps<typeof Panel>): import("react/jsx-runtime").JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof PanelResizeHandle> & {
+    withHandle?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=ResizablePanel.d.ts.map

package/dist/components/resizable-panel/ResizablePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizablePanel.d.ts","sourceRoot":"","sources":["../../../src/components/resizable-panel/ResizablePanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,UAAU,EAAE,SAAS,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAIpG,iBAAS,mBAAmB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,2CAWzC;AAED,iBAAS,cAAc,CAAC,EACpB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,2CAEpC;AAED,iBAAS,eAAe,CAAC,EACrB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;CACvB,2CAiBA;AAED,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/resizable-panel/ResizablePanel.js

@@ -0,0 +1,44 @@
+import { GripVerticalIcon as l } from "lucide-react";
+import { Separator as n, Panel as o, Group as c } from "react-resizable-panels";
+import { cn as t } from "@inspirecn/ui/lib/utils";
+import { jsx as a } from "react/jsx-runtime";
+function u({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ a(c, {
+    "data-slot": "resizable-panel-group",
+    className: t("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e),
+    ...r
+  });
+}
+function b({
+  ...e
+}) {
+  return /* @__PURE__ */ a(o, {
+    "data-slot": "resizable-panel",
+    ...e
+  });
+}
+function g({
+  withHandle: e,
+  className: r,
+  ...i
+}) {
+  return /* @__PURE__ */ a(n, {
+    "data-slot": "resizable-handle",
+    className: t("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90", r),
+    ...i,
+    children: e && /* @__PURE__ */ a("div", {
+      className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+      children: /* @__PURE__ */ a(l, {
+        className: "size-2.5"
+      })
+    })
+  });
+}
+export {
+  g as ResizableHandle,
+  b as ResizablePanel,
+  u as ResizablePanelGroup
+};

package/dist/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=ScrollArea.d.ts.map

package/dist/components/scroll-area/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/scroll-area/ScrollArea.js

@@ -0,0 +1,39 @@
+import * as l from "@radix-ui/react-scroll-area";
+import { cn as t } from "@inspirecn/ui/lib/utils";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+function u({
+  className: e,
+  children: r,
+  ...a
+}) {
+  return /* @__PURE__ */ s(l.Root, {
+    "data-slot": "scroll-area",
+    className: t("relative", e),
+    ...a,
+    children: [/* @__PURE__ */ o(l.Viewport, {
+      "data-slot": "scroll-area-viewport",
+      className: "focus-visible:ring-ring/50 size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px]",
+      children: r
+    }), /* @__PURE__ */ o(i, {}), /* @__PURE__ */ o(l.Corner, {})]
+  });
+}
+function i({
+  className: e,
+  orientation: r = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ o(l.ScrollAreaScrollbar, {
+    "data-slot": "scroll-area-scrollbar",
+    orientation: r,
+    className: t("flex touch-none select-none p-px transition-colors", r === "vertical" && "h-full w-2.5 border-l border-l-transparent", r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", e),
+    ...a,
+    children: /* @__PURE__ */ o(l.ScrollAreaThumb, {
+      "data-slot": "scroll-area-thumb",
+      className: "bg-border relative flex-1 rounded-full"
+    })
+  });
+}
+export {
+  u as ScrollArea,
+  i as ScrollBar
+};

package/dist/components/section/Section.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Card } from '../card/Card';
+export interface SectionProps extends React.ComponentProps<typeof Card> {
+    title: string;
+    subheading?: React.ReactNode;
+    action?: React.ReactNode;
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}
+declare function Section({ children, title, subheading, action, defaultOpen, className, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
+export { Section };
+//# sourceMappingURL=Section.d.ts.map

package/dist/components/section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,IAAI,EAAsC,MAAM,cAAc,CAAC;AAExE,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,KAAK,EACL,UAAU,EACV,MAAM,EACN,WAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAyCd;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}