react-shadcn-kit 0.0.1

package/dist/atoms/menubar.js

@@ -0,0 +1,229 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-menubar";
+import { CheckIcon as u, CircleIcon as c, ChevronRightIcon as l } from "lucide-react";
+import { cn as o } from "../lib/utils.js";
+function g({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    n.Root,
+    {
+      "data-slot": "menubar",
+      className: o(
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function x({ ...e }) {
+  return /* @__PURE__ */ a(n.Menu, { "data-slot": "menubar-menu", ...e });
+}
+function v({ ...e }) {
+  return /* @__PURE__ */ a(n.Group, { "data-slot": "menubar-group", ...e });
+}
+function m({ ...e }) {
+  return /* @__PURE__ */ a(n.Portal, { "data-slot": "menubar-portal", ...e });
+}
+function h({ ...e }) {
+  return /* @__PURE__ */ a(n.RadioGroup, { "data-slot": "menubar-radio-group", ...e });
+}
+function M({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function z({
+  className: e,
+  align: t = "start",
+  alignOffset: r = -4,
+  sideOffset: s = 8,
+  ...i
+}) {
+  return /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
+    n.Content,
+    {
+      "data-slot": "menubar-content",
+      align: t,
+      alignOffset: r,
+      sideOffset: s,
+      className: o(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+        e
+      ),
+      ...i
+    }
+  ) });
+}
+function N({
+  className: e,
+  inset: t,
+  variant: r = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    n.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": t,
+      "data-variant": r,
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...s
+    }
+  );
+}
+function I({
+  className: e,
+  children: t,
+  checked: r,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    n.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      checked: r,
+      ...s,
+      children: [
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(n.ItemIndicator, { children: /* @__PURE__ */ a(u, { className: "size-4" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function y({
+  className: e,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ d(
+    n.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(n.ItemIndicator, { children: /* @__PURE__ */ a(c, { className: "size-2 fill-current" }) }) }),
+        t
+      ]
+    }
+  );
+}
+function k({
+  className: e,
+  inset: t,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    n.Label,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": t,
+      className: o("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", e),
+      ...r
+    }
+  );
+}
+function _({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: o("bg-border -mx-1 my-1 h-px", e),
+      ...t
+    }
+  );
+}
+function w({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: o("text-muted-foreground ml-auto text-xs tracking-widest", e),
+      ...t
+    }
+  );
+}
+function C({ ...e }) {
+  return /* @__PURE__ */ a(n.Sub, { "data-slot": "menubar-sub", ...e });
+}
+function S({
+  className: e,
+  inset: t,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    n.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": t,
+      className: o(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        e
+      ),
+      ...s,
+      children: [
+        r,
+        /* @__PURE__ */ a(l, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function R({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: o(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  g as Menubar,
+  I as MenubarCheckboxItem,
+  z as MenubarContent,
+  v as MenubarGroup,
+  N as MenubarItem,
+  k as MenubarLabel,
+  x as MenubarMenu,
+  m as MenubarPortal,
+  h as MenubarRadioGroup,
+  y as MenubarRadioItem,
+  _ as MenubarSeparator,
+  w as MenubarShortcut,
+  C as MenubarSub,
+  R as MenubarSubContent,
+  S as MenubarSubTrigger,
+  M as MenubarTrigger
+};

package/dist/atoms/navigation-menu.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };

package/dist/atoms/navigation-menu.js

@@ -0,0 +1,159 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-navigation-menu";
+import { cva as u } from "class-variance-authority";
+import { ChevronDownIcon as d } from "lucide-react";
+import { cn as o } from "../lib/utils.js";
+function p({
+  className: t,
+  children: a,
+  viewport: i = !0,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    n.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": i,
+      className: o(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        t
+      ),
+      ...s,
+      children: [
+        a,
+        i && /* @__PURE__ */ e(g, {})
+      ]
+    }
+  );
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    n.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: o("group flex flex-1 list-none items-center justify-center gap-1", t),
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    n.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: o("relative", t),
+      ...a
+    }
+  );
+}
+const l = u(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+);
+function b({
+  className: t,
+  children: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    n.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: o(l(), "group", t),
+      ...i,
+      children: [
+        a,
+        " ",
+        /* @__PURE__ */ e(
+          d,
+          {
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function h({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    n.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: o(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function g({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", { className: o("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ e(
+    n.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: o(
+        "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+        t
+      ),
+      ...a
+    }
+  ) });
+}
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    n.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: o(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function M({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    n.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: o(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+export {
+  p as NavigationMenu,
+  h as NavigationMenuContent,
+  M as NavigationMenuIndicator,
+  x as NavigationMenuItem,
+  N as NavigationMenuLink,
+  w as NavigationMenuList,
+  b as NavigationMenuTrigger,
+  g as NavigationMenuViewport,
+  l as navigationMenuTriggerStyle
+};

package/dist/atoms/pagination.d.ts

@@ -0,0 +1,13 @@
+import { Button } from './button';
+import * as React from "react";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/atoms/pagination.js

@@ -0,0 +1,100 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { ChevronLeftIcon as l, ChevronRightIcon as c, MoreHorizontalIcon as p } from "lucide-react";
+import { cn as t } from "../lib/utils.js";
+import { buttonVariants as u } from "./button.js";
+function h({ className: a, ...n }) {
+  return /* @__PURE__ */ i(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: t("mx-auto flex w-full justify-center", a),
+      ...n
+    }
+  );
+}
+function x({ className: a, ...n }) {
+  return /* @__PURE__ */ i(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: t("flex flex-row items-center gap-1", a),
+      ...n
+    }
+  );
+}
+function N({ ...a }) {
+  return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
+}
+function o({ className: a, isActive: n, size: r = "icon", ...s }) {
+  return /* @__PURE__ */ i(
+    "a",
+    {
+      "aria-current": n ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": n,
+      className: t(
+        u({
+          variant: n ? "outline" : "ghost",
+          size: r
+        }),
+        a
+      ),
+      ...s
+    }
+  );
+}
+function P({ className: a, ...n }) {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      "aria-label": "Go to previous page",
+      className: t("gap-1 pr-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i(l, {}),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function v({ className: a, ...n }) {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ i(c, {})
+      ]
+    }
+  );
+}
+function b({ className: a, ...n }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "aria-hidden": !0,
+      "data-slot": "pagination-ellipsis",
+      className: t("flex size-9 items-center justify-center", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i(p, { className: "size-4" }),
+        /* @__PURE__ */ i("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+export {
+  h as Pagination,
+  x as PaginationContent,
+  b as PaginationEllipsis,
+  N as PaginationItem,
+  o as PaginationLink,
+  v as PaginationNext,
+  P as PaginationPrevious
+};

package/dist/atoms/popover.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/atoms/popover.js

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-popover";
+import { cn as i } from "../lib/utils.js";
+function s({ ...o }) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
+}
+function m({ ...o }) {
+  return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
+}
+function f({
+  className: o,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
+    e.Content,
+    {
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: i(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        o
+      ),
+      ...n
+    }
+  ) });
+}
+function l({ ...o }) {
+  return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
+}
+export {
+  s as Popover,
+  l as PopoverAnchor,
+  f as PopoverContent,
+  m as PopoverTrigger
+};

package/dist/atoms/progress.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Progress };

package/dist/atoms/progress.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-progress";
+import { cn as a } from "../lib/utils.js";
+function n({
+  className: t,
+  value: l,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    o.Root,
+    {
+      "data-slot": "progress",
+      className: a("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", t),
+      ...s,
+      children: /* @__PURE__ */ r(
+        o.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-primary h-full w-full flex-1 transition-all",
+          style: { transform: `translateX(-${100 - (l || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+export {
+  n as Progress
+};

package/dist/atoms/radio-group.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/atoms/radio-group.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-radio-group";
+import { CircleIcon as t } from "lucide-react";
+import { cn as e } from "../lib/utils.js";
+function l({
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    a.Root,
+    {
+      "data-slot": "radio-group",
+      className: e("grid gap-3", i),
+      ...o
+    }
+  );
+}
+function c({
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    a.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: e(
+        "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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...o,
+      children: /* @__PURE__ */ r(
+        a.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ r(t, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
+}
+export {
+  l as RadioGroup,
+  c as RadioGroupItem
+};

package/dist/atoms/resizable.d.ts

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