@kubetail/ui 0.3.1 → 2.0.0-rc1

package/dist/elements/dropdown-menu.js

@@ -0,0 +1,196 @@
+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 w({
+  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 x({ ...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 I({ 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 y({ ...e }) {
+  return /* @__PURE__ */ t(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
+}
+function _({
+  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 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+        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,
+  w as DropdownMenuContent,
+  x as DropdownMenuGroup,
+  b as DropdownMenuItem,
+  M as DropdownMenuLabel,
+  g as DropdownMenuPortal,
+  z as DropdownMenuRadioGroup,
+  D as DropdownMenuRadioItem,
+  N as DropdownMenuSeparator,
+  I as DropdownMenuShortcut,
+  y as DropdownMenuSub,
+  k as DropdownMenuSubContent,
+  _ as DropdownMenuSubTrigger,
+  v as DropdownMenuTrigger
+};
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/elements/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sources":["../../src/elements/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type { DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          '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',\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        '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-hidden select-none data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        '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',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","className","sideOffset","jsx","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}

package/dist/elements/dropdown-menu.stories.d.ts

@@ -0,0 +1,20 @@
+import { DropdownMenu } from './dropdown-menu';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: typeof DropdownMenu;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Checkboxes: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const RadioGroup: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/elements/form.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react");require("@radix-ui/react-label");const F=require("@radix-ui/react-slot"),c=require("react-hook-form"),d=require("../lib/utils.cjs"),f=require("./label.cjs"),x=c.FormProvider,l=s.createContext({}),u=s.createContext({}),I=({...e})=>{const t=s.useMemo(()=>({name:e.name}),[e.name]);return n.jsx(l.Provider,{value:t,children:n.jsx(c.Controller,{...e})})},i=()=>{const e=s.useContext(l),t=s.useContext(u),{getFieldState:r}=c.useFormContext(),o=c.useFormState({name:e.name}),m=r(e.name,o);if(!e)throw new Error("useFormField should be used within <FormField>");const{id:a}=t;return{id:a,name:e.name,formItemId:`${a}-form-item`,formDescriptionId:`${a}-form-item-description`,formMessageId:`${a}-form-item-message`,...m}};function g({className:e,...t}){const r=s.useId(),o=s.useMemo(()=>({id:r}),[r]);return n.jsx(u.Provider,{value:o,children:n.jsx("div",{"data-slot":"form-item",className:d.cn("grid gap-2",e),...t})})}function C({className:e,...t}){const{error:r,formItemId:o}=i();return n.jsx(f.Label,{"data-slot":"form-label","data-error":!!r,className:d.cn("data-[error=true]:text-destructive",e),htmlFor:o,...t})}function b({...e}){const{error:t,formItemId:r,formDescriptionId:o,formMessageId:m}=i();return n.jsx(F.Slot,{"data-slot":"form-control",id:r,"aria-describedby":t?`${o} ${m}`:o,"aria-invalid":!!t,...e})}function j({className:e,...t}){const{formDescriptionId:r}=i();return n.jsx("p",{"data-slot":"form-description",id:r,className:d.cn("text-muted-foreground text-sm",e),...t})}function v({className:e,...t}){const{error:r,formMessageId:o}=i(),m=r?String((r==null?void 0:r.message)??""):t.children;return m?n.jsx("p",{"data-slot":"form-message",id:o,className:d.cn("text-destructive text-sm",e),...t,children:m}):null}exports.Form=x;exports.FormControl=b;exports.FormDescription=j;exports.FormField=I;exports.FormItem=g;exports.FormLabel=C;exports.FormMessage=v;exports.useFormField=i;
+//# sourceMappingURL=form.cjs.map

package/dist/elements/form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.cjs","sources":["../../src/elements/form.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useFormState,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport { cn } from '@/lib/utils';\nimport { Label } from '@/elements/label';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  const value = useMemo(() => ({ name: props.name }), [props.name]);\n\n  return (\n    <FormFieldContext.Provider value={value}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\nfunction FormItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const id = useId();\n  const value = useMemo(() => ({ id }), [id]);\n\n  return (\n    <FormItemContext.Provider value={value}>\n      <div data-slot=\"form-item\" className={cn('grid gap-2', className)} {...props} />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn('data-[error=true]:text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<'p'>) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p data-slot=\"form-message\" id={formMessageId} className={cn('text-destructive text-sm', className)} {...props}>\n      {body}\n    </p>\n  );\n}\n\nexport { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };\n"],"names":["Form","FormProvider","FormFieldContext","createContext","FormItemContext","FormField","props","value","useMemo","jsx","Controller","useFormField","fieldContext","useContext","itemContext","getFieldState","useFormContext","formState","useFormState","fieldState","id","FormItem","className","useId","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","body"],"mappings":"qSAkBMA,EAAOC,EAAAA,aASPC,EAAmBC,EAAAA,cAAqC,EAA2B,EAMnFC,EAAkBD,EAAAA,cAAoC,EAA0B,EAEhFE,EAAY,CAGhB,CACA,GAAGC,CACL,IAA4C,CAC1C,MAAMC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,KAAMF,EAAM,IAAA,GAAS,CAACA,EAAM,IAAI,CAAC,EAEhE,OACEG,MAACP,EAAiB,SAAjB,CAA0B,MAAAK,EACzB,SAAAE,EAAAA,IAACC,aAAA,CAAY,GAAGJ,CAAA,CAAO,CAAA,CACzB,CAEJ,EAEMK,EAAe,IAAM,CACzB,MAAMC,EAAeC,EAAAA,WAAWX,CAAgB,EAC1CY,EAAcD,EAAAA,WAAWT,CAAe,EACxC,CAAE,cAAAW,CAAA,EAAkBC,iBAAA,EACpBC,EAAYC,EAAAA,aAAa,CAAE,KAAMN,EAAa,KAAM,EACpDO,EAAaJ,EAAcH,EAAa,KAAMK,CAAS,EAE7D,GAAI,CAACL,EACH,MAAM,IAAI,MAAM,gDAAgD,EAGlE,KAAM,CAAE,GAAAQ,GAAON,EAEf,MAAO,CACL,GAAAM,EACA,KAAMR,EAAa,KACnB,WAAY,GAAGQ,CAAE,aACjB,kBAAmB,GAAGA,CAAE,yBACxB,cAAe,GAAGA,CAAE,qBACpB,GAAGD,CAAA,CAEP,EAEA,SAASE,EAAS,CAAE,UAAAC,EAAW,GAAGhB,GAAsC,CACtE,MAAMc,EAAKG,EAAAA,MAAA,EACLhB,EAAQC,EAAAA,QAAQ,KAAO,CAAE,GAAAY,IAAO,CAACA,CAAE,CAAC,EAE1C,aACGhB,EAAgB,SAAhB,CAAyB,MAAAG,EACxB,eAAC,MAAA,CAAI,YAAU,YAAY,UAAWiB,EAAAA,GAAG,aAAcF,CAAS,EAAI,GAAGhB,EAAO,EAChF,CAEJ,CAEA,SAASmB,EAAU,CAAE,UAAAH,EAAW,GAAGhB,GAA2D,CAC5F,KAAM,CAAE,MAAAoB,EAAO,WAAAC,CAAA,EAAehB,EAAA,EAE9B,OACEF,EAAAA,IAACmB,EAAAA,MAAA,CACC,YAAU,aACV,aAAY,CAAC,CAACF,EACd,UAAWF,EAAAA,GAAG,qCAAsCF,CAAS,EAC7D,QAASK,EACR,GAAGrB,CAAA,CAAA,CAGV,CAEA,SAASuB,EAAY,CAAE,GAAGvB,GAA4C,CACpE,KAAM,CAAE,MAAAoB,EAAO,WAAAC,EAAY,kBAAAG,EAAmB,cAAAC,CAAA,EAAkBpB,EAAA,EAEhE,OACEF,EAAAA,IAACuB,EAAAA,KAAA,CACC,YAAU,eACV,GAAIL,EACJ,mBAAmBD,EAA4B,GAAGI,CAAiB,IAAIC,CAAa,GAAzDD,EAC3B,eAAc,CAAC,CAACJ,EACf,GAAGpB,CAAA,CAAA,CAGV,CAEA,SAAS2B,EAAgB,CAAE,UAAAX,EAAW,GAAGhB,GAAoC,CAC3E,KAAM,CAAE,kBAAAwB,CAAA,EAAsBnB,EAAA,EAE9B,OACEF,EAAAA,IAAC,IAAA,CACC,YAAU,mBACV,GAAIqB,EACJ,UAAWN,EAAAA,GAAG,gCAAiCF,CAAS,EACvD,GAAGhB,CAAA,CAAA,CAGV,CAEA,SAAS4B,EAAY,CAAE,UAAAZ,EAAW,GAAGhB,GAAoC,CACvE,KAAM,CAAE,MAAAoB,EAAO,cAAAK,CAAA,EAAkBpB,EAAA,EAC3BwB,EAAOT,EAAQ,QAAOA,GAAA,YAAAA,EAAO,UAAW,EAAE,EAAIpB,EAAM,SAE1D,OAAK6B,EAKH1B,EAAAA,IAAC,IAAA,CAAE,YAAU,eAAe,GAAIsB,EAAe,UAAWP,EAAAA,GAAG,2BAA4BF,CAAS,EAAI,GAAGhB,EACtG,SAAA6B,EACH,EANO,IAQX"}

package/dist/elements/form.d.ts

@@ -0,0 +1,23 @@
+import { Slot } from '@radix-ui/react-slot';
+import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+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/elements/form.js

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

package/dist/elements/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sources":["../../src/elements/form.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useFormState,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport { cn } from '@/lib/utils';\nimport { Label } from '@/elements/label';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  const value = useMemo(() => ({ name: props.name }), [props.name]);\n\n  return (\n    <FormFieldContext.Provider value={value}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\nfunction FormItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const id = useId();\n  const value = useMemo(() => ({ id }), [id]);\n\n  return (\n    <FormItemContext.Provider value={value}>\n      <div data-slot=\"form-item\" className={cn('grid gap-2', className)} {...props} />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn('data-[error=true]:text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<'p'>) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p data-slot=\"form-message\" id={formMessageId} className={cn('text-destructive text-sm', className)} {...props}>\n      {body}\n    </p>\n  );\n}\n\nexport { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };\n"],"names":["Form","FormProvider","FormFieldContext","createContext","FormItemContext","FormField","props","value","useMemo","jsx","Controller","useFormField","fieldContext","useContext","itemContext","getFieldState","useFormContext","formState","useFormState","fieldState","id","FormItem","className","useId","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","body"],"mappings":"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"}

package/dist/elements/form.stories.d.ts

@@ -0,0 +1,16 @@
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Demo: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/elements/input.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../lib/utils.cjs");function o({className:e,type:i,...r}){return t.jsx("input",{type:i,"data-slot":"input",className:n.cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...r})}exports.Input=o;
+//# sourceMappingURL=input.cjs.map

package/dist/elements/input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.cjs","sources":["../../src/elements/input.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":"mJAEA,SAASA,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,KAAAF,EACA,YAAU,QACV,UAAWG,EAAAA,GACT,kcACA,gFACA,yGACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}

package/dist/elements/input.d.ts

@@ -0,0 +1,2 @@
+declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/elements/input.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "../lib/utils.js";
+function a({ className: e, type: i, ...r }) {
+  return /* @__PURE__ */ t(
+    "input",
+    {
+      type: i,
+      "data-slot": "input",
+      className: n(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        e
+      ),
+      ...r
+    }
+  );
+}
+export {
+  a as Input
+};
+//# sourceMappingURL=input.js.map

package/dist/elements/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../src/elements/input.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":";;AAEA,SAASA,EAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/elements/input.stories.d.ts

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Input } from './input';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: typeof Input;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        defaultValue: string;
+        disabled: false;
+        placeholder: string;
+    };
+    argTypes: {
+        defaultValue: {
+            control: "text";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        placeholder: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Filled: Story;
+export declare const Disabled: Story;

package/dist/elements/label.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("@radix-ui/react-label"),i=require("../lib/utils.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=l(a);function c({className:e,...t}){return o.jsx(s.Root,{"data-slot":"label",className:i.cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...t})}exports.Label=c;
+//# sourceMappingURL=label.cjs.map

package/dist/elements/label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.cjs","sources":["../../src/elements/label.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { cn } from '@/lib/utils';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"names":["Label","className","props","jsx","LabelPrimitive","cn"],"mappings":"gdAMA,SAASA,EAAM,CAAE,UAAAC,EAAW,GAAGC,GAA2D,CACxF,OACEC,EAAAA,IAACC,EAAe,KAAf,CACC,YAAU,QACV,UAAWC,EAAAA,GACT,sNACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV"}

package/dist/elements/label.d.ts

@@ -0,0 +1,3 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/elements/label.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-label";
+import { cn as r } from "../lib/utils.js";
+function l({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    a.Root,
+    {
+      "data-slot": "label",
+      className: r(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  l as Label
+};
+//# sourceMappingURL=label.js.map

package/dist/elements/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../src/elements/label.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { cn } from '@/lib/utils';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"names":["Label","className","props","jsx","LabelPrimitive","cn"],"mappings":";;;AAMA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAA2D;AACxF,SACE,gBAAAC;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/elements/label.stories.d.ts

@@ -0,0 +1,17 @@
+import { Label } from './label';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: typeof Label;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Demo: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/elements/popover.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("@radix-ui/react-popover"),s=require("../lib/utils.cjs");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const t=d(i);function p({...e}){return n.jsx(t.Root,{"data-slot":"popover",...e})}function c({...e}){return n.jsx(t.Trigger,{"data-slot":"popover-trigger",...e})}function l({className:e,align:r="center",sideOffset:o=4,...a}){return n.jsx(t.Portal,{children:n.jsx(t.Content,{"data-slot":"popover-content",align:r,sideOffset:o,className:s.cn("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",e),...a})})}function u({...e}){return n.jsx(t.Anchor,{"data-slot":"popover-anchor",...e})}const f=t.Close;exports.Popover=p;exports.PopoverAnchor=u;exports.PopoverClose=f;exports.PopoverContent=l;exports.PopoverTrigger=c;
+//# sourceMappingURL=popover.cjs.map

package/dist/elements/popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.cjs","sources":["../../src/elements/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\n\nimport { cn } from '@/lib/utils';\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          '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',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nconst PopoverClose = PopoverPrimitive.Close;\n\nexport { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","jsx","cn","PopoverAnchor","PopoverClose"],"mappings":"kdAMA,SAASA,EAAQ,CAAE,GAAGC,GAA6D,CACjF,aAAQC,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,CAC/D,CAEA,SAASE,EAAe,CAAE,GAAGF,GAAgE,CAC3F,aAAQC,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASG,EAAe,CACtB,UAAAC,EACA,MAAAC,EAAQ,SACR,WAAAC,EAAa,EACb,GAAGN,CACL,EAA0D,CACxD,OACEO,EAAAA,IAACN,EAAiB,OAAjB,CACC,SAAAM,EAAAA,IAACN,EAAiB,QAAjB,CACC,YAAU,kBACV,MAAAI,EACA,WAAAC,EACA,UAAWE,EAAAA,GACT,ieACAJ,CAAA,EAED,GAAGJ,CAAA,CAAA,EAER,CAEJ,CAEA,SAASS,EAAc,CAAE,GAAGT,GAA+D,CACzF,aAAQC,EAAiB,OAAjB,CAAwB,YAAU,iBAAkB,GAAGD,EAAO,CACxE,CAEA,MAAMU,EAAeT,EAAiB"}

package/dist/elements/popover.d.ts

@@ -0,0 +1,7 @@
+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;
+declare const PopoverClose: import('react').ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/elements/popover.js

@@ -0,0 +1,41 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-popover";
+import { cn as i } from "../lib/utils.js";
+function s({ ...o }) {
+  return /* @__PURE__ */ e(t.Root, { "data-slot": "popover", ...o });
+}
+function m({ ...o }) {
+  return /* @__PURE__ */ e(t.Trigger, { "data-slot": "popover-trigger", ...o });
+}
+function l({
+  className: o,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
+    t.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 c({ ...o }) {
+  return /* @__PURE__ */ e(t.Anchor, { "data-slot": "popover-anchor", ...o });
+}
+const f = t.Close;
+export {
+  s as Popover,
+  c as PopoverAnchor,
+  f as PopoverClose,
+  l as PopoverContent,
+  m as PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

package/dist/elements/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../src/elements/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\n\nimport { cn } from '@/lib/utils';\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          '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',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nconst PopoverClose = PopoverPrimitive.Close;\n\nexport { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","jsx","cn","PopoverAnchor","PopoverClose"],"mappings":";;;AAMA,SAASA,EAAQ,EAAE,GAAGC,KAA6D;AACjF,2BAAQC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe,EAAE,GAAGF,KAAgE;AAC3F,2BAAQC,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGD,GAAO;AAC1E;AAEA,SAASG,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,GAAGN;AACL,GAA0D;AACxD,SACE,gBAAAO,EAACN,EAAiB,QAAjB,EACC,UAAA,gBAAAM;AAAA,IAACN,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,OAAAI;AAAA,MACA,YAAAC;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAASS,EAAc,EAAE,GAAGT,KAA+D;AACzF,2BAAQC,EAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;AAEA,MAAMU,IAAeT,EAAiB;"}