@inspirecn/react 1.0.0

package/dist/components/input-otp/input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../src/components/input-otp/input-otp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AAKtD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,kBAAkB,EAClB,YAAY,EAAE,SAAqC,EACnD,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,GAAG,KAAK,EACT,EAAE,YAAY,2CAed;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,2CAuBA;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAMnE;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/input-otp/input-otp.js

@@ -0,0 +1,72 @@
+import * as c from "react";
+import { OTPInput as l, OTPInputContext as u } from "input-otp";
+import { MinusIcon as p } from "lucide-react";
+import { cn as i } from "@inspirecn/ui/lib/utils";
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+function x({
+  className: t,
+  containerClassName: a,
+  "aria-label": n = "Enter one-time password",
+  "aria-labelledby": r,
+  "aria-describedby": o,
+  ...d
+}) {
+  return /* @__PURE__ */ e(l, {
+    "data-slot": "input-otp",
+    containerClassName: i("flex items-center gap-2 has-disabled:opacity-50", a),
+    className: i("disabled:cursor-not-allowed", t),
+    "aria-label": n,
+    "aria-labelledby": r,
+    "aria-describedby": o,
+    ...d
+  });
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "input-otp-group",
+    className: i("flex items-center", t),
+    ...a
+  });
+}
+function y({
+  index: t,
+  className: a,
+  ...n
+}) {
+  const r = c.useContext(u), {
+    char: o,
+    hasFakeCaret: d,
+    isActive: s
+  } = (r == null ? void 0 : r.slots[t]) ?? {};
+  return /* @__PURE__ */ b("div", {
+    "data-slot": "input-otp-slot",
+    "data-active": s,
+    className: i("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input shadow-xs relative flex h-9 w-9 items-center justify-center border-y border-r text-sm outline-none transition-all first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]", "bg-background! hover:bg-accent! hover:text-accent-foreground! dark:hover:bg-accent/50!", a),
+    ...n,
+    children: [o, d && /* @__PURE__ */ e("div", {
+      className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+      children: /* @__PURE__ */ e("div", {
+        className: "animate-caret-blink bg-foreground h-4 w-px duration-1000"
+      })
+    })]
+  });
+}
+function I({
+  ...t
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "input-otp-separator",
+    role: "separator",
+    ...t,
+    children: /* @__PURE__ */ e(p, {})
+  });
+}
+export {
+  x as InputOTP,
+  h as InputOTPGroup,
+  I as InputOTPSeparator,
+  y as InputOTPSlot
+};

package/dist/components/input-phone/InputPhone.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This component is a wrapper around the react-phone-number-input library using shadcn/ui components.
+ * Source: https://shadcn-phone-input.vercel.app/
+ * Underlying Package: https://www.npmjs.com/package/react-phone-number-input
+ */
+import * as React from 'react';
+import * as RPNInput from 'react-phone-number-input';
+type InputPhoneProps = Omit<React.ComponentProps<'input'>, 'onChange' | 'value' | 'ref'> & Omit<RPNInput.Props<typeof RPNInput.default>, 'onChange'> & {
+    onChange?: (value: RPNInput.Value) => void;
+};
+declare const InputPhone: React.ForwardRefExoticComponent<InputPhoneProps>;
+export { InputPhone };
+//# sourceMappingURL=InputPhone.d.ts.map

package/dist/components/input-phone/InputPhone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPhone.d.ts","sourceRoot":"","sources":["../../../src/components/input-phone/InputPhone.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAkBH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AAGrD,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7B,UAAU,GAAG,OAAO,GAAG,KAAK,CAC7B,GACC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEJ,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAyB9D,CAAC;AAgHJ,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/input-phone/InputPhone.js

@@ -0,0 +1,116 @@
+import { Button as u } from "../button/Button.js";
+import { Command as f, CommandInput as h, CommandList as C, CommandEmpty as N, CommandGroup as g, CommandItem as x } from "../command/Command.js";
+import { Input as y } from "../input/Input.js";
+import { Popover as I, PopoverTrigger as P, PopoverContent as v } from "../popover/Popover.js";
+import { ScrollArea as w } from "../scroll-area/ScrollArea.js";
+import { cn as s } from "@inspirecn/ui/lib/utils";
+import { ChevronsUpDown as S, CheckIcon as z } from "lucide-react";
+import * as p from "react";
+import * as c from "react-phone-number-input";
+import R from "react-phone-number-input/flags";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+const j = p.forwardRef(({
+  className: n,
+  onChange: e,
+  ...r
+}, t) => /* @__PURE__ */ o(c.default, {
+  ref: t,
+  className: s("flex", n),
+  flagComponent: l,
+  countrySelectComponent: b,
+  inputComponent: i,
+  smartCaret: !1,
+  onChange: (m) => e == null ? void 0 : e(m || ""),
+  ...r
+}));
+j.displayName = "PhoneInput";
+const i = p.forwardRef(({
+  className: n,
+  ...e
+}, r) => /* @__PURE__ */ o(y, {
+  className: s("rounded-e-lg rounded-s-none", n),
+  ...e,
+  ref: r
+}));
+i.displayName = "InputComponent";
+const b = ({
+  disabled: n,
+  value: e,
+  options: r,
+  onChange: t
+}) => /* @__PURE__ */ a(I, {
+  children: [/* @__PURE__ */ o(P, {
+    asChild: !0,
+    children: /* @__PURE__ */ a(u, {
+      type: "button",
+      variant: "outline",
+      className: "flex gap-1 h-8 rounded-e-none rounded-s-lg border-r-0 px-3 focus:z-10",
+      disabled: n,
+      iconPosition: "right",
+      children: [/* @__PURE__ */ o(l, {
+        country: e,
+        countryName: e
+      }), /* @__PURE__ */ o(S, {
+        className: s("size-4 opacity-50", n ? "hidden" : "opacity-100")
+      })]
+    })
+  }), /* @__PURE__ */ o(v, {
+    className: "w-[300px] p-0",
+    children: /* @__PURE__ */ a(f, {
+      children: [/* @__PURE__ */ o(h, {
+        placeholder: "Search country..."
+      }), /* @__PURE__ */ o(C, {
+        children: /* @__PURE__ */ a(w, {
+          className: "h-72",
+          children: [/* @__PURE__ */ o(N, {
+            children: "No country found."
+          }), /* @__PURE__ */ o(g, {
+            children: r.map(({
+              value: m,
+              label: d
+            }) => m ? /* @__PURE__ */ o(F, {
+              country: m,
+              countryName: d,
+              selectedCountry: e,
+              onChange: t
+            }, m) : null)
+          })]
+        })
+      })]
+    })
+  })]
+}), F = ({
+  country: n,
+  countryName: e,
+  selectedCountry: r,
+  onChange: t
+}) => /* @__PURE__ */ a(x, {
+  className: "gap-2",
+  onSelect: () => t(n),
+  children: [/* @__PURE__ */ o(l, {
+    country: n,
+    countryName: e
+  }), /* @__PURE__ */ o("span", {
+    className: "flex-1 text-sm",
+    children: e
+  }), /* @__PURE__ */ o("span", {
+    className: "text-foreground/50 text-sm",
+    children: `+${c.getCountryCallingCode(n)}`
+  }), /* @__PURE__ */ o(z, {
+    className: `ml-auto size-4 ${n === r ? "opacity-100" : "opacity-0"}`
+  })]
+}), l = ({
+  country: n,
+  countryName: e
+}) => {
+  const r = R[n];
+  return /* @__PURE__ */ o("span", {
+    className: "bg-foreground/20 rounded-xs flex h-4 w-6 items-center justify-center overflow-hidden [&_svg]:size-full",
+    children: r && /* @__PURE__ */ o(r, {
+      title: e
+    })
+  });
+};
+export {
+  j as InputPhone
+};

package/dist/components/input-tags/InputTags.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface InputTagsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Array of tag values */
+    value: string[];
+    /** Callback when tags change */
+    onChange: (value: string[]) => void;
+    /** Placeholder text for the input */
+    placeholder?: string;
+    /** Maximum number of tags allowed */
+    maxTags?: number;
+    /** Minimum length for a tag to be valid */
+    minTagLength?: number;
+    /** Maximum length for a single tag */
+    maxTagLength?: number;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Custom validation function for tags */
+    validateTag?: (tag: string) => boolean | string;
+    /** Separator characters for pasting multiple tags */
+    separators?: string[];
+    /** Whether to allow duplicate tags */
+    allowDuplicates?: boolean;
+    /** Whether to show the error message */
+    validationError?: boolean;
+}
+declare const InputTags: React.ForwardRefExoticComponent<InputTagsProps & React.RefAttributes<HTMLDivElement>>;
+export { InputTags };
+//# sourceMappingURL=InputTags.d.ts.map

package/dist/components/input-tags/InputTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTags.d.ts","sourceRoot":"","sources":["../../../src/components/input-tags/InputTags.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,0BAA0B;IAC1B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,gCAAgC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC;IAChD,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,SAAS,uFA6Ld,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/input-tags/InputTags.js

@@ -0,0 +1,88 @@
+import { Badge as K } from "../badge/Badge.js";
+import { Input as M } from "../input/Input.js";
+import { cn as P } from "@inspirecn/ui/lib/utils";
+import { X as S } from "lucide-react";
+import * as n from "react";
+import { jsxs as x, jsx as m } from "react/jsx-runtime";
+const V = n.forwardRef(({
+  value: t = [],
+  onChange: c,
+  placeholder: y = "Add tags...",
+  maxTags: l = 10,
+  minTagLength: u = 1,
+  maxTagLength: h = 50,
+  disabled: a = !1,
+  validateTag: b,
+  separators: k = [",", " ", `
+`],
+  allowDuplicates: w = !1,
+  className: $,
+  validationError: v,
+  ...I
+}, N) => {
+  const [s, f] = n.useState(""), [R, o] = n.useState(null), C = n.useRef(null), i = n.useCallback((e) => {
+    const r = e.trim();
+    if (r.length < u)
+      return o(`Tag must be at least ${u} character${u > 1 ? "s" : ""}`), !1;
+    if (r.length > h)
+      return o(`Tag must be no more than ${h} characters`), !1;
+    if (t.length >= l)
+      return o(`Maximum ${l} tags allowed`), !1;
+    if (!w && t.includes(r))
+      return o("Tag already exists"), !1;
+    if (b) {
+      const d = b(r);
+      if (d !== !0)
+        return o(typeof d == "string" ? d : "Invalid tag"), !1;
+    }
+    return o(null), c([...t, r]), !0;
+  }, [t, c, u, h, l, w, b]), g = n.useCallback((e) => {
+    c(t.filter((r) => r !== e)), o(null);
+  }, [t, c]), D = n.useCallback((e) => {
+    a || (e.key === "Enter" || e.key === "," ? (e.preventDefault(), s.trim() && i(s) && f("")) : e.key === "Backspace" && !s && t.length > 0 && g(t[t.length - 1]));
+  }, [s, i, g, t, a]), B = n.useCallback((e) => {
+    if (a) return;
+    e.preventDefault(), e.clipboardData.getData("text").split(new RegExp(`[${k.map((p) => `\\${p}`).join("")}]+`)).forEach((p) => {
+      p.trim() && i(p);
+    }), f("");
+  }, [i, k, a]), E = n.useCallback((e) => {
+    f(e.target.value), o(null);
+  }, []), j = n.useCallback(() => {
+    s.trim() && (i(s), f(""));
+  }, [s, i]);
+  return /* @__PURE__ */ x("div", {
+    ref: N,
+    className: P("border-input bg-background ring-offset-background focus-within:ring-ring flex flex-wrap items-center gap-1 overflow-hidden rounded-md border p-1 focus-within:ring-2 focus-within:ring-offset-2", a && "cursor-not-allowed opacity-50", R && "border-destructive", v && "border-destructive", $),
+    ...I,
+    children: [t.map((e, r) => /* @__PURE__ */ x(K, {
+      variant: "secondary",
+      className: "relative flex items-center gap-1 truncate rounded px-1",
+      children: [/* @__PURE__ */ m("span", {
+        className: "text-xs",
+        children: e
+      }), !a && /* @__PURE__ */ m("button", {
+        type: "button",
+        onClick: () => g(e),
+        className: "disabled:cursor-not-allowed",
+        "aria-label": `Remove ${e} option`,
+        children: /* @__PURE__ */ m(S, {
+          className: "hover:stroke-destructive h-4 w-4"
+        })
+      })]
+    }, `${e}-${r}`)), /* @__PURE__ */ m(M, {
+      ref: C,
+      value: s,
+      onChange: E,
+      onKeyDown: D,
+      onPaste: B,
+      onBlur: j,
+      placeholder: t.length >= l ? "Maximum tags reached" : y,
+      disabled: a || t.length >= l,
+      className: "placeholder:text-muted-foreground bg-transparent! hover:bg-transparent! dark:hover:bg-transparent! h-7 min-w-fit flex-1 border-none px-1 outline-0 focus-visible:border-0 focus-visible:outline-0 focus-visible:ring-0 focus-visible:ring-offset-0"
+    })]
+  });
+});
+V.displayName = "InputTags";
+export {
+  V as InputTags
+};

package/dist/components/item/Item.d.ts

@@ -0,0 +1,24 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Separator } from "../separator/Separator";
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, };
+//# sourceMappingURL=Item.d.ts.map

package/dist/components/item/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/item/Item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAStE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CASxC;AAED,QAAA,MAAM,YAAY;;;8EAmBjB,CAAC;AAEF,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAW1D;AAED,QAAA,MAAM,iBAAiB;;8EAetB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,2CAStE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAY1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,GACV,CAAC"}

package/dist/components/item/Item.js

@@ -0,0 +1,162 @@
+import { Slot as l } from "@radix-ui/react-slot";
+import { cva as n } from "class-variance-authority";
+import { cn as a } from "@inspirecn/ui/lib/utils";
+import { Separator as m } from "../separator/Separator.js";
+import { jsx as i } from "react/jsx-runtime";
+function b({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i("div", {
+    role: "list",
+    "data-slot": "item-group",
+    className: a("group/item-group flex flex-col", e),
+    ...t
+  });
+}
+function I({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(m, {
+    "data-slot": "item-separator",
+    orientation: "horizontal",
+    className: a("my-0", e),
+    ...t
+  });
+}
+const d = n("group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline: "border-border",
+      muted: "bg-muted/50"
+    },
+    size: {
+      default: "p-4 gap-4 ",
+      sm: "py-3 px-4 gap-2.5"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function N({
+  className: e,
+  variant: t = "default",
+  size: r = "default",
+  asChild: o = !1,
+  ...s
+}) {
+  return /* @__PURE__ */ i(o ? l : "div", {
+    "data-slot": "item",
+    "data-variant": t,
+    "data-size": r,
+    className: a(d({
+      variant: t,
+      size: r,
+      className: e
+    })),
+    ...s
+  });
+}
+const u = n("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+      image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function h({
+  className: e,
+  variant: t = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-media",
+    "data-variant": t,
+    className: a(u({
+      variant: t,
+      className: e
+    })),
+    ...r
+  });
+}
+function z({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-content",
+    className: a("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", e),
+    ...t
+  });
+}
+function y({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-title",
+    className: a("flex w-fit items-center gap-2 text-sm leading-snug font-medium", e),
+    ...t
+  });
+}
+function j({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i("p", {
+    "data-slot": "item-description",
+    className: a("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", e),
+    ...t
+  });
+}
+function w({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-actions",
+    className: a("flex items-center gap-2", e),
+    ...t
+  });
+}
+function V({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-header",
+    className: a("flex basis-full items-center justify-between gap-2", e),
+    ...t
+  });
+}
+function _({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i("div", {
+    "data-slot": "item-footer",
+    className: a("flex basis-full items-center justify-between gap-2", e),
+    ...t
+  });
+}
+export {
+  N as Item,
+  w as ItemActions,
+  z as ItemContent,
+  j as ItemDescription,
+  _ as ItemFooter,
+  b as ItemGroup,
+  V as ItemHeader,
+  h as ItemMedia,
+  I as ItemSeparator,
+  y as ItemTitle
+};

package/dist/components/kbd/Kbd.d.ts

@@ -0,0 +1,4 @@
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react/jsx-runtime").JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Kbd, KbdGroup };
+//# sourceMappingURL=Kbd.d.ts.map

package/dist/components/kbd/Kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/components/kbd/Kbd.tsx"],"names":[],"mappings":"AAEA,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAahE;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/kbd/Kbd.js

@@ -0,0 +1,26 @@
+import { cn as n } from "@inspirecn/ui/lib/utils";
+import { jsx as o } from "react/jsx-runtime";
+function r({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o("kbd", {
+    "data-slot": "kbd",
+    className: n("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", t),
+    ...e
+  });
+}
+function d({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ o("kbd", {
+    "data-slot": "kbd-group",
+    className: n("inline-flex items-center gap-1", t),
+    ...e
+  });
+}
+export {
+  r as Kbd,
+  d as KbdGroup
+};

package/dist/components/label/Label.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+interface LabelProps extends React.ComponentProps<typeof LabelPrimitive.Root> {
+    required?: boolean;
+    optional?: boolean;
+    info?: string;
+    disabled?: boolean;
+}
+declare function Label({ className, required, optional, info, disabled, children, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export { Label };
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAKxD,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAsBZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/label/Label.js

@@ -0,0 +1,26 @@
+import * as i from "@radix-ui/react-label";
+import { InfoIcon as l } from "lucide-react";
+import { cn as n } from "@inspirecn/ui/lib/utils";
+import { jsxs as s, jsx as d } from "react/jsx-runtime";
+function x({
+  className: t,
+  required: p,
+  optional: m,
+  info: o,
+  disabled: e,
+  children: r,
+  ...a
+}) {
+  return /* @__PURE__ */ s(i.Root, {
+    "data-slot": "label",
+    "data-disabled": e,
+    className: n("flex select-none items-center gap-2 text-heading-xs! font-normal text-text-primary peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", e && "cursor-not-allowed opacity-50", t),
+    ...a,
+    children: [r, o && /* @__PURE__ */ d(l, {
+      className: "text-muted-foreground size-4 cursor-help"
+    })]
+  });
+}
+export {
+  x as Label
+};

package/dist/components/menubar/Menubar.d.ts

@@ -0,0 +1,27 @@
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import * as React from "react";
+declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=Menubar.d.ts.map

package/dist/components/menubar/Menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/Menubar.tsx"],"names":[],"mappings":"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"}