react-shadcn-kit 0.0.1

package/dist/atoms/dropdown-menu.js

@@ -0,0 +1,204 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-dropdown-menu";
+import { CheckIcon as i, CircleIcon as u, ChevronRightIcon as c } from "lucide-react";
+import { cn as r } from "../lib/utils.js";
+function f({ ...e }) {
+  return /* @__PURE__ */ t(n.Root, { "data-slot": "dropdown-menu", ...e });
+}
+function g({
+  ...e
+}) {
+  return /* @__PURE__ */ t(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
+}
+function v({
+  ...e
+}) {
+  return /* @__PURE__ */ t(n.Trigger, { "data-slot": "dropdown-menu-trigger", ...e });
+}
+function x({
+  className: e,
+  sideOffset: o = 4,
+  ...a
+}) {
+  return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(
+    n.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset: o,
+      className: r(
+        "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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        e
+      ),
+      ...a
+    }
+  ) });
+}
+function w({ ...e }) {
+  return /* @__PURE__ */ t(n.Group, { "data-slot": "dropdown-menu-group", ...e });
+}
+function b({
+  className: e,
+  inset: o,
+  variant: a = "default",
+  ...d
+}) {
+  return /* @__PURE__ */ t(
+    n.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": o,
+      "data-variant": a,
+      className: r(
+        "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
+      ),
+      ...d
+    }
+  );
+}
+function h({
+  className: e,
+  children: o,
+  checked: a,
+  ...d
+}) {
+  return /* @__PURE__ */ s(
+    n.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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: a,
+      ...d,
+      children: [
+        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(n.ItemIndicator, { children: /* @__PURE__ */ t(i, { className: "size-4" }) }) }),
+        o
+      ]
+    }
+  );
+}
+function z({
+  ...e
+}) {
+  return /* @__PURE__ */ t(n.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...e });
+}
+function D({
+  className: e,
+  children: o,
+  ...a
+}) {
+  return /* @__PURE__ */ s(
+    n.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(n.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "size-2 fill-current" }) }) }),
+        o
+      ]
+    }
+  );
+}
+function M({
+  className: e,
+  inset: o,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    n.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": o,
+      className: r("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", e),
+      ...a
+    }
+  );
+}
+function N({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: r("bg-border -mx-1 my-1 h-px", e),
+      ...o
+    }
+  );
+}
+function _({ className: e, ...o }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: r("text-muted-foreground ml-auto text-xs tracking-widest", e),
+      ...o
+    }
+  );
+}
+function I({ ...e }) {
+  return /* @__PURE__ */ t(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
+}
+function y({
+  className: e,
+  inset: o,
+  children: a,
+  ...d
+}) {
+  return /* @__PURE__ */ s(
+    n.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": o,
+      className: r(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...d,
+      children: [
+        a,
+        /* @__PURE__ */ t(c, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function k({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    n.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: r(
+        "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-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        e
+      ),
+      ...o
+    }
+  );
+}
+export {
+  f as DropdownMenu,
+  h as DropdownMenuCheckboxItem,
+  x as DropdownMenuContent,
+  w as DropdownMenuGroup,
+  b as DropdownMenuItem,
+  M as DropdownMenuLabel,
+  g as DropdownMenuPortal,
+  z as DropdownMenuRadioGroup,
+  D as DropdownMenuRadioItem,
+  N as DropdownMenuSeparator,
+  _ as DropdownMenuShortcut,
+  I as DropdownMenuSub,
+  k as DropdownMenuSubContent,
+  y as DropdownMenuSubTrigger,
+  v as DropdownMenuTrigger
+};

package/dist/atoms/empty.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };

package/dist/atoms/empty.js

@@ -0,0 +1,99 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+import { cn as a } from "../lib/utils.js";
+function d({ className: e, ...t }) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "empty",
+      className: a(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function c({ className: e, ...t }) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "empty-header",
+      className: a("flex max-w-sm flex-col items-center gap-2 text-center", e),
+      ...t
+    }
+  );
+}
+const s = i(
+  "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function f({
+  className: e,
+  variant: t = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "empty-icon",
+      "data-variant": t,
+      className: a(s({ variant: t, className: e })),
+      ...r
+    }
+  );
+}
+function u({ className: e, ...t }) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "empty-title",
+      className: a("text-lg font-medium tracking-tight", e),
+      ...t
+    }
+  );
+}
+function p({ className: e, ...t }) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "empty-description",
+      className: a(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function x({ className: e, ...t }) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "empty-content",
+      className: a(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  d as Empty,
+  x as EmptyContent,
+  p as EmptyDescription,
+  c as EmptyHeader,
+  f as EmptyMedia,
+  u as EmptyTitle
+};

package/dist/atoms/field.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Label } from './label';
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/atoms/field.js

@@ -0,0 +1,208 @@
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { cva as c } from "class-variance-authority";
+import { cn as l } from "../lib/utils.js";
+import { Label as m } from "./label.js";
+import { Separator as p } from "./separator.js";
+function k({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: l(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function F({
+  className: t,
+  variant: e = "legend",
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": e,
+      className: l(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function y({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: l(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+const g = c("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+  variants: {
+    orientation: {
+      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+      horizontal: [
+        "flex-row items-center",
+        "[&>[data-slot=field-label]]:flex-auto",
+        "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+      ],
+      responsive: [
+        "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+      ]
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function L({
+  className: t,
+  orientation: e = "vertical",
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": e,
+      className: l(g({ orientation: e }), t),
+      ...o
+    }
+  );
+}
+function S({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: l("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", t),
+      ...e
+    }
+  );
+}
+function j({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    m,
+    {
+      "data-slot": "field-label",
+      className: l(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function z({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: l(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function E({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: l(
+        "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function M({
+  children: t,
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!t,
+      className: l(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ a(p, { className: "absolute inset-0 top-1/2" }),
+        t && /* @__PURE__ */ a(
+          "span",
+          {
+            className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+            "data-slot": "field-separator-content",
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}
+function V({
+  className: t,
+  children: e,
+  errors: o,
+  ...n
+}) {
+  const i = u(() => {
+    if (e)
+      return e;
+    if (!o?.length)
+      return null;
+    const r = [...new Map(o.map((d) => [d?.message, d])).values()];
+    return r?.length == 1 ? r[0]?.message : /* @__PURE__ */ a("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: r.map((d, s) => d?.message && /* @__PURE__ */ a("li", { children: d.message }, s)) });
+  }, [e, o]);
+  return i ? /* @__PURE__ */ a(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: l("text-destructive text-sm font-normal", t),
+      ...n,
+      children: i
+    }
+  ) : null;
+}
+export {
+  L as Field,
+  S as FieldContent,
+  E as FieldDescription,
+  V as FieldError,
+  y as FieldGroup,
+  j as FieldLabel,
+  F as FieldLegend,
+  M as FieldSeparator,
+  k as FieldSet,
+  z as FieldTitle
+};

package/dist/atoms/form.d.ts

@@ -0,0 +1,24 @@
+import { Slot } from '@radix-ui/react-slot';
+import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import('react-hook-form').FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/atoms/form.js

@@ -0,0 +1,87 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as s from "react";
+import { Slot as f } from "@radix-ui/react-slot";
+import { FormProvider as u, useFormContext as F, useFormState as x, Controller as I } from "react-hook-form";
+import { cn as a } from "../lib/utils.js";
+import { Label as g } from "./label.js";
+const S = u, c = s.createContext({}), $ = ({
+  ...e
+}) => /* @__PURE__ */ m(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m(I, { ...e }) }), d = () => {
+  const e = s.useContext(c), t = s.useContext(l), { getFieldState: r } = F(), o = x({ name: e.name }), n = r(e.name, o);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: i } = t;
+  return {
+    id: i,
+    name: e.name,
+    formItemId: `${i}-form-item`,
+    formDescriptionId: `${i}-form-item-description`,
+    formMessageId: `${i}-form-item-message`,
+    ...n
+  };
+}, l = s.createContext({});
+function D({ className: e, ...t }) {
+  const r = s.useId();
+  return /* @__PURE__ */ m(l.Provider, { value: { id: r }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: a("grid gap-2", e), ...t }) });
+}
+function M({ className: e, ...t }) {
+  const { error: r, formItemId: o } = d();
+  return /* @__PURE__ */ m(
+    g,
+    {
+      "data-slot": "form-label",
+      "data-error": !!r,
+      className: a("data-[error=true]:text-destructive", e),
+      htmlFor: o,
+      ...t
+    }
+  );
+}
+function N({ ...e }) {
+  const { error: t, formItemId: r, formDescriptionId: o, formMessageId: n } = d();
+  return /* @__PURE__ */ m(
+    f,
+    {
+      "data-slot": "form-control",
+      id: r,
+      "aria-describedby": t ? `${o} ${n}` : `${o}`,
+      "aria-invalid": !!t,
+      ...e
+    }
+  );
+}
+function w({ className: e, ...t }) {
+  const { formDescriptionId: r } = d();
+  return /* @__PURE__ */ m(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: r,
+      className: a("text-muted-foreground text-sm", e),
+      ...t
+    }
+  );
+}
+function P({ className: e, ...t }) {
+  const { error: r, formMessageId: o } = d(), n = r ? String(r?.message ?? "") : t.children;
+  return n ? /* @__PURE__ */ m(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: o,
+      className: a("text-destructive text-sm", e),
+      ...t,
+      children: n
+    }
+  ) : null;
+}
+export {
+  S as Form,
+  N as FormControl,
+  w as FormDescription,
+  $ as FormField,
+  D as FormItem,
+  M as FormLabel,
+  P as FormMessage,
+  d as useFormField
+};

package/dist/atoms/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardTrigger, HoverCardContent };