@hanzo/ui 4.8.5 → 4.9.0

package/dist/chunk-BDZQJ6GK.js

@@ -0,0 +1,242 @@
+'use strict';
+
+var chunkDN2AEEA2_js = require('./chunk-DN2AEEA2.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function AIPlayground({
+  className,
+  model = "gpt-4",
+  temperature = 0.7,
+  maxTokens = 1e3,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkDN2AEEA2_js.cn("ai-playground", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "playground-container", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "AI Playground" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "Model: ",
+      model
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "Temperature: ",
+      temperature
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "Max Tokens: ",
+      maxTokens
+    ] })
+  ] }) });
+}
+function AIActions({
+  className,
+  actions = [],
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkDN2AEEA2_js.cn("ai-actions", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "actions-container", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "AI Actions" }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { children: actions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: action }, index)) })
+  ] }) });
+}
+function AIModels({
+  className,
+  models = ["gpt-4", "claude-3", "llama-2"],
+  selectedModel = "gpt-4",
+  onSelectModel,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkDN2AEEA2_js.cn("ai-models", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "models-container", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "AI Models" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        value: selectedModel,
+        onChange: (e) => onSelectModel?.(e.target.value),
+        children: models.map((model) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: model, children: model }, model))
+      }
+    )
+  ] }) });
+}
+var AIChat = React__namespace.forwardRef(
+  ({ className, children, provider, model, apiKey, welcomeMessage, placeholder, streaming, history, maxMessages, onMessage, onError, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkDN2AEEA2_js.cn("flex flex-col h-full w-full", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+            welcomeMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted p-3 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: welcomeMessage }) }),
+            children
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-t", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              placeholder: placeholder || "Type your message...",
+              className: "w-full p-2 border rounded-lg"
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+AIChat.displayName = "AIChat";
+var AIAssistant = React__namespace.forwardRef(
+  ({ className, children, provider, model, apiKey, systemPrompt, tools, onResponse, onError, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkDN2AEEA2_js.cn("flex flex-col space-y-4 p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: "AI" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "AI Assistant" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children })
+        ]
+      }
+    );
+  }
+);
+AIAssistant.displayName = "AIAssistant";
+var AIVision = React__namespace.forwardRef(
+  ({ className, children, imageUrl, provider, model, apiKey, onAnalysis, onError, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkDN2AEEA2_js.cn("flex flex-col space-y-4", className),
+        ...props,
+        children: [
+          imageUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-video overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: imageUrl,
+              alt: "AI Vision Input",
+              className: "object-contain w-full h-full"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children })
+        ]
+      }
+    );
+  }
+);
+AIVision.displayName = "AIVision";
+var AIAgents = React__namespace.forwardRef(
+  ({ className, children, agents = [], ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkDN2AEEA2_js.cn("grid gap-4 md:grid-cols-2 lg:grid-cols-3", className),
+        ...props,
+        children: [
+          agents.map((agent) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "rounded-lg border p-4 hover:shadow-md transition-shadow cursor-pointer",
+              onClick: () => props.onAgentSelect?.(agent.id),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: agent.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: agent.role }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: agent.capabilities.map((cap) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: "text-xs bg-muted px-2 py-0.5 rounded-full",
+                    children: cap
+                  },
+                  cap
+                )) })
+              ]
+            },
+            agent.id
+          )),
+          children
+        ]
+      }
+    );
+  }
+);
+AIAgents.displayName = "AIAgents";
+var AITools = React__namespace.forwardRef(
+  ({ className, children, tools = [], ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkDN2AEEA2_js.cn("space-y-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-2", children: tools.map((tool) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex items-center justify-between p-3 border rounded-lg hover:bg-muted/50 transition-colors",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm", children: tool.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: tool.description })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: () => props.onToolExecute?.(tool.name, tool.parameters),
+                    className: "px-3 py-1 text-xs font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90",
+                    children: "Execute"
+                  }
+                )
+              ]
+            },
+            tool.name
+          )) }),
+          children
+        ]
+      }
+    );
+  }
+);
+AITools.displayName = "AITools";
+
+// src/ai/index.ts
+var OpenAIProvider = {};
+var AnthropicProvider = {};
+var configureAI = (config) => {
+};
+
+exports.AIActions = AIActions;
+exports.AIAgents = AIAgents;
+exports.AIAssistant = AIAssistant;
+exports.AIChat = AIChat;
+exports.AIModels = AIModels;
+exports.AIPlayground = AIPlayground;
+exports.AITools = AITools;
+exports.AIVision = AIVision;
+exports.AnthropicProvider = AnthropicProvider;
+exports.OpenAIProvider = OpenAIProvider;
+exports.configureAI = configureAI;
+//# sourceMappingURL=chunk-BDZQJ6GK.js.map
+//# sourceMappingURL=chunk-BDZQJ6GK.js.map

package/dist/chunk-BDZQJ6GK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ai/playground/ai-playground.tsx","../src/ai/actions/ai-actions.tsx","../src/ai/models/ai-models.tsx","../src/ai/chat/ai-chat.tsx","../src/ai/assistant/ai-assistant.tsx","../src/ai/vision/ai-vision.tsx","../src/ai/agents/ai-agents.tsx","../src/ai/tools/ai-tools.tsx","../src/ai/index.ts"],"names":["jsx","cn","jsxs","React","React2","React3","React4","React5"],"mappings":"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","file":"chunk-BDZQJ6GK.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface AIPlaygroundProps extends React.HTMLAttributes<HTMLDivElement> {\n  model?: string\n  temperature?: number\n  maxTokens?: number\n}\n\nexport function AIPlayground({\n  className,\n  model = \"gpt-4\",\n  temperature = 0.7,\n  maxTokens = 1000,\n  ...props\n}: AIPlaygroundProps) {\n  return (\n    <div className={cn(\"ai-playground\", className)} {...props}>\n      {/* AI Playground implementation */}\n      <div className=\"playground-container\">\n        <h2>AI Playground</h2>\n        <p>Model: {model}</p>\n        <p>Temperature: {temperature}</p>\n        <p>Max Tokens: {maxTokens}</p>\n      </div>\n    </div>\n  )\n}\n","import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface AIActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n  actions?: string[]\n}\n\nexport function AIActions({\n  className,\n  actions = [],\n  ...props\n}: AIActionsProps) {\n  return (\n    <div className={cn(\"ai-actions\", className)} {...props}>\n      {/* AI Actions implementation */}\n      <div className=\"actions-container\">\n        <h2>AI Actions</h2>\n        <ul>\n          {actions.map((action, index) => (\n            <li key={index}>{action}</li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  )\n}\n","import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface AIModelsProps extends React.HTMLAttributes<HTMLDivElement> {\n  models?: string[]\n  selectedModel?: string\n  onSelectModel?: (model: string) => void\n}\n\nexport function AIModels({\n  className,\n  models = [\"gpt-4\", \"claude-3\", \"llama-2\"],\n  selectedModel = \"gpt-4\",\n  onSelectModel,\n  ...props\n}: AIModelsProps) {\n  return (\n    <div className={cn(\"ai-models\", className)} {...props}>\n      {/* AI Models implementation */}\n      <div className=\"models-container\">\n        <h2>AI Models</h2>\n        <select\n          value={selectedModel}\n          onChange={(e) => onSelectModel?.(e.target.value)}\n        >\n          {models.map((model) => (\n            <option key={model} value={model}>{model}</option>\n          ))}\n        </select>\n      </div>\n    </div>\n  )\n}\n","import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface AIChatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onError'> {\n  provider?: string\n  model?: string\n  apiKey?: string\n  welcomeMessage?: string\n  placeholder?: string\n  streaming?: boolean\n  history?: Array<{ role: string; content: string }>\n  maxMessages?: number\n  onMessage?: (message: { role: string; content: string }) => void\n  onError?: (error: Error) => void\n}\n\nexport const AIChat = React.forwardRef<HTMLDivElement, AIChatProps>(\n  ({ className, children, provider, model, apiKey, welcomeMessage, placeholder, streaming, history, maxMessages, onMessage, onError, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('flex flex-col h-full w-full', className)}\n        {...props}\n      >\n        <div className=\"flex-1 overflow-auto p-4\">\n          {/* Chat messages */}\n          <div className=\"space-y-4\">\n            {welcomeMessage && (\n              <div className=\"bg-muted p-3 rounded-lg\">\n                <p className=\"text-sm\">{welcomeMessage}</p>\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <div className=\"p-4 border-t\">\n          <input\n            type=\"text\"\n            placeholder={placeholder || \"Type your message...\"}\n            className=\"w-full p-2 border rounded-lg\"\n          />\n        </div>\n      </div>\n    )\n  }\n)\nAIChat.displayName = 'AIChat'","import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface AIAssistantProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onError'> {\n  provider?: string\n  model?: string\n  apiKey?: string\n  systemPrompt?: string\n  tools?: Array<{ name: string; description: string; parameters?: any }>\n  onResponse?: (response: any) => void\n  onError?: (error: Error) => void\n}\n\nexport const AIAssistant = React.forwardRef<HTMLDivElement, AIAssistantProps>(\n  ({ className, children, provider, model, apiKey, systemPrompt, tools, onResponse, onError, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('flex flex-col space-y-4 p-4', className)}\n        {...props}\n      >\n        <div className=\"flex items-center space-x-2\">\n          <div className=\"h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center\">\n            <span className=\"text-xs font-medium\">AI</span>\n          </div>\n          <span className=\"text-sm font-medium\">AI Assistant</span>\n        </div>\n        <div className=\"flex-1\">{children}</div>\n      </div>\n    )\n  }\n)\nAIAssistant.displayName = 'AIAssistant'","import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface AIVisionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onError'> {\n  provider?: string\n  model?: string\n  apiKey?: string\n  imageUrl?: string\n  onAnalysis?: (result: any) => void\n  onError?: (error: Error) => void\n}\n\nexport const AIVision = React.forwardRef<HTMLDivElement, AIVisionProps>(\n  ({ className, children, imageUrl, provider, model, apiKey, onAnalysis, onError, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('flex flex-col space-y-4', className)}\n        {...props}\n      >\n        {imageUrl && (\n          <div className=\"relative aspect-video overflow-hidden rounded-lg bg-muted\">\n            <img\n              src={imageUrl}\n              alt=\"AI Vision Input\"\n              className=\"object-contain w-full h-full\"\n            />\n          </div>\n        )}\n        <div className=\"space-y-2\">{children}</div>\n      </div>\n    )\n  }\n)\nAIVision.displayName = 'AIVision'","import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface AIAgentsProps extends React.HTMLAttributes<HTMLDivElement> {\n  agents?: Array<{ id: string; name: string; role: string; capabilities: string[] }>\n  onAgentSelect?: (agentId: string) => void\n  onMessage?: (agentId: string, message: string) => void\n}\n\nexport const AIAgents = React.forwardRef<HTMLDivElement, AIAgentsProps>(\n  ({ className, children, agents = [], ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('grid gap-4 md:grid-cols-2 lg:grid-cols-3', className)}\n        {...props}\n      >\n        {agents.map((agent) => (\n          <div\n            key={agent.id}\n            className=\"rounded-lg border p-4 hover:shadow-md transition-shadow cursor-pointer\"\n            onClick={() => props.onAgentSelect?.(agent.id)}\n          >\n            <h3 className=\"font-semibold\">{agent.name}</h3>\n            <p className=\"text-sm text-muted-foreground mt-1\">{agent.role}</p>\n            <div className=\"mt-2 flex flex-wrap gap-1\">\n              {agent.capabilities.map((cap) => (\n                <span\n                  key={cap}\n                  className=\"text-xs bg-muted px-2 py-0.5 rounded-full\"\n                >\n                  {cap}\n                </span>\n              ))}\n            </div>\n          </div>\n        ))}\n        {children}\n      </div>\n    )\n  }\n)\nAIAgents.displayName = 'AIAgents'","import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface AIToolsProps extends React.HTMLAttributes<HTMLDivElement> {\n  tools?: Array<{\n    name: string\n    description: string\n    parameters?: Record<string, any>\n    execute?: (params: any) => Promise<any>\n  }>\n  onToolExecute?: (toolName: string, params: any) => void\n  onToolResult?: (toolName: string, result: any) => void\n}\n\nexport const AITools = React.forwardRef<HTMLDivElement, AIToolsProps>(\n  ({ className, children, tools = [], ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('space-y-4', className)}\n        {...props}\n      >\n        <div className=\"grid gap-2\">\n          {tools.map((tool) => (\n            <div\n              key={tool.name}\n              className=\"flex items-center justify-between p-3 border rounded-lg hover:bg-muted/50 transition-colors\"\n            >\n              <div>\n                <h4 className=\"font-medium text-sm\">{tool.name}</h4>\n                <p className=\"text-xs text-muted-foreground mt-0.5\">\n                  {tool.description}\n                </p>\n              </div>\n              <button\n                onClick={() => props.onToolExecute?.(tool.name, tool.parameters)}\n                className=\"px-3 py-1 text-xs font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90\"\n              >\n                Execute\n              </button>\n            </div>\n          ))}\n        </div>\n        {children}\n      </div>\n    )\n  }\n)\nAITools.displayName = 'AITools'","// AI Components\nexport * from './playground/ai-playground'\nexport * from './actions/ai-actions'\nexport * from './models/ai-models'\nexport * from './chat/ai-chat'\nexport * from './assistant/ai-assistant'\nexport * from './vision/ai-vision'\nexport * from './agents/ai-agents'\nexport * from './tools/ai-tools'\n\n// AI Providers (placeholder exports)\nexport const OpenAIProvider = {} as any\nexport const AnthropicProvider = {} as any\n\n// AI Configuration\nexport const configureAI = (config: any) => {\n  // Configuration logic here\n  console.log('AI configured:', config)\n}\n"]}

package/dist/chunk-BRWFYRGX.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var chunkCRALRACO_js = require('./chunk-CRALRACO.js');
+var chunkDN2AEEA2_js = require('./chunk-DN2AEEA2.js');
+var lucideReact = require('lucide-react');
+var reactDayPicker = require('react-day-picker');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: chunkDN2AEEA2_js.cn("p-3", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: chunkDN2AEEA2_js.cn(
+          chunkCRALRACO_js.buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: "text-center text-sm p-0 relative [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+        day: chunkDN2AEEA2_js.cn(
+          chunkCRALRACO_js.buttonVariants({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "text-muted-foreground opacity-50",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        IconLeft: ({ ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
+        IconRight: ({ ...props2 }) => /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+exports.Calendar = Calendar;
+//# sourceMappingURL=chunk-BRWFYRGX.js.map
+//# sourceMappingURL=chunk-BRWFYRGX.js.map

package/dist/chunk-BRWFYRGX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/calendar/calendar.tsx"],"names":["jsx","DayPicker","cn","buttonVariants","props","ChevronLeft","ChevronRight"],"mappings":";;;;;;;;AAWA,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,uBACEA,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACC,eAAA;AAAA,MACA,SAAA,EAAWC,mBAAA,CAAG,KAAA,EAAO,SAAS,CAAA;AAAA,MAC9B,UAAA,EAAY;AAAA,QACV,MAAA,EAAQ,+DAAA;AAAA,QACR,KAAA,EAAO,WAAA;AAAA,QACP,OAAA,EAAS,gDAAA;AAAA,QACT,aAAA,EAAe,qBAAA;AAAA,QACf,GAAA,EAAK,6BAAA;AAAA,QACL,UAAA,EAAYA,mBAAA;AAAA,UACVC,+BAAA,CAAe,EAAE,OAAA,EAAS,SAAA,EAAW,CAAA;AAAA,UACrC;AAAA,SACF;AAAA,QACA,mBAAA,EAAqB,iBAAA;AAAA,QACrB,eAAA,EAAiB,kBAAA;AAAA,QACjB,KAAA,EAAO,kCAAA;AAAA,QACP,QAAA,EAAU,MAAA;AAAA,QACV,SAAA,EACE,gEAAA;AAAA,QACF,GAAA,EAAK,kBAAA;AAAA,QACL,IAAA,EAAM,oMAAA;AAAA,QACN,GAAA,EAAKD,mBAAA;AAAA,UACHC,+BAAA,CAAe,EAAE,OAAA,EAAS,OAAA,EAAS,CAAA;AAAA,UACnC;AAAA,SACF;AAAA,QACA,YAAA,EACE,kIAAA;AAAA,QACF,SAAA,EAAW,kCAAA;AAAA,QACX,WAAA,EAAa,kCAAA;AAAA,QACb,YAAA,EAAc,kCAAA;AAAA,QACd,gBAAA,EACE,8DAAA;AAAA,QACF,UAAA,EAAY,WAAA;AAAA,QACZ,GAAG;AAAA,OACL;AAAA,MACA,UAAA,EAAY;AAAA,QACV,QAAA,EAAU,CAAC,EAAE,GAAGC,QAAM,qBAAMJ,cAAA,CAACK,uBAAA,EAAA,EAAY,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,QAC7D,SAAA,EAAW,CAAC,EAAE,GAAGD,QAAM,qBAAMJ,cAAA,CAACM,wBAAA,EAAA,EAAa,SAAA,EAAU,SAAA,EAAU;AAAA,OACjE;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-BRWFYRGX.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\nimport { DayPicker } from \"react-day-picker\"\n\nimport { cn } from \"../lib/utils\"\nimport { buttonVariants } from \"../components/button\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n        month: \"space-y-4\",\n        caption: \"flex justify-center pt-1 relative items-center\",\n        caption_label: \"text-sm font-medium\",\n        nav: \"space-x-1 flex items-center\",\n        nav_button: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\"\n        ),\n        nav_button_previous: \"absolute left-1\",\n        nav_button_next: \"absolute right-1\",\n        table: \"w-full border-collapse space-y-1\",\n        head_row: \"flex\",\n        head_cell:\n          \"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]\",\n        row: \"flex w-full mt-2\",\n        cell: \"text-center text-sm p-0 relative [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20\",\n        day: cn(\n          buttonVariants({ variant: \"ghost\" }),\n          \"h-9 w-9 p-0 font-normal aria-selected:opacity-100\"\n        ),\n        day_selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        day_today: \"bg-accent text-accent-foreground\",\n        day_outside: \"text-muted-foreground opacity-50\",\n        day_disabled: \"text-muted-foreground opacity-50\",\n        day_range_middle:\n          \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        day_hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ ...props }) => <ChevronLeft className=\"h-4 w-4\" />,\n        IconRight: ({ ...props }) => <ChevronRight className=\"h-4 w-4\" />,\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = \"Calendar\"\n\nexport { Calendar }"]}

package/dist/chunk-C5DNTLBO.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var chunkDN2AEEA2_js = require('./chunk-DN2AEEA2.js');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+
+function Slider({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SliderPrimitive__namespace.Root,
+    {
+      ref,
+      "data-slot": "slider",
+      className: chunkDN2AEEA2_js.cn(
+        "relative flex w-full touch-none select-none items-center",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "absolute h-full bg-primary" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50" })
+      ]
+    }
+  );
+}
+Slider.displayName = SliderPrimitive__namespace.Root.displayName;
+
+exports.Slider = Slider;
+//# sourceMappingURL=chunk-C5DNTLBO.js.map
+//# sourceMappingURL=chunk-C5DNTLBO.js.map

package/dist/chunk-C5DNTLBO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/slider.tsx"],"names":["jsxs","SliderPrimitive","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAEG;AACD,EAAA,uBACEA,eAAA;AAAA,IAAiBC,0BAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAWC,mBAAA;AAAA,QACT,0DAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAiBF,0BAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,uEAAA,EAC/B,yCAAiBA,0BAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,4BAAA,EAA6B,CAAA,EAChE,CAAA;AAAA,wBACAE,cAAA,CAAiBF,0BAAA,CAAA,KAAA,EAAhB,EAAsB,SAAA,EAAU,wOAAA,EAAyO;AAAA;AAAA;AAAA,GAC5Q;AAEJ;AACA,MAAA,CAAO,cAA8BA,0BAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-C5DNTLBO.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction Slider({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & {\n  ref?: React.Ref<React.ElementRef<typeof SliderPrimitive.Root>>\n}) {\n  return (\n    <SliderPrimitive.Root\n      ref={ref}\n      data-slot=\"slider\"\n      className={cn(\n        \"relative flex w-full touch-none select-none items-center\",\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20\">\n        <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\n      </SliderPrimitive.Track>\n      <SliderPrimitive.Thumb className=\"block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50\" />\n    </SliderPrimitive.Root>\n  )\n}\nSlider.displayName = SliderPrimitive.Root.displayName\n\nexport { Slider }\n"]}

package/dist/chunk-CRALRACO.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var chunkDN2AEEA2_js = require('./chunk-DN2AEEA2.js');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: chunkDN2AEEA2_js.cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-CRALRACO.js.map
+//# sourceMappingURL=chunk-CRALRACO.js.map

package/dist/chunk-CRALRACO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.tsx"],"names":["cva","Slot","jsx","cn"],"mappings":";;;;;;;AAMA,IAAM,cAAA,GAAiBA,0BAAA;AAAA,EACrB,6bAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,WAAA,EACE,mJAAA;AAAA,QACF,OAAA,EACE,uIAAA;AAAA,QACF,SAAA,EACE,8DAAA;AAAA,QACF,KAAA,EACE,sEAAA;AAAA,QACF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,+BAAA;AAAA,QACT,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI,sCAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAMA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,IAAA,GAAO,UAAUC,cAAA,GAAO,QAAA;AAE9B,EAAA,uBACEC,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAWC,oBAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-CRALRACO.js","sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps extends React.ComponentProps<\"button\">, VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"]}

package/dist/chunk-CVACQJRM.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var chunkWD67O22C_js = require('./chunk-WD67O22C.js');
+var chunkDN2AEEA2_js = require('./chunk-DN2AEEA2.js');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var reactHookForm = require('react-hook-form');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Form = reactHookForm.FormProvider;
+var FormFieldContext = React__namespace.createContext(
+  {}
+);
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React__namespace.useContext(FormFieldContext);
+  const itemContext = React__namespace.useContext(FormItemContext);
+  const { getFieldState, formState } = reactHookForm.useFormContext();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormItemContext = React__namespace.createContext(
+  {}
+);
+function FormItem({
+  className,
+  ...props
+}) {
+  const id = React__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: chunkDN2AEEA2_js.cn("space-y-2", className),
+      ...props
+    }
+  ) });
+}
+function FormLabel({ ref, className, ...props }) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWD67O22C_js.Label,
+    {
+      ref,
+      "data-slot": "form-label",
+      className: chunkDN2AEEA2_js.cn(error && "text-destructive", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+FormLabel.displayName = "FormLabel";
+function FormControl({ ref, ...props }) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSlot.Slot,
+    {
+      ref,
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+FormControl.displayName = "FormControl";
+function FormDescription({
+  className,
+  ...props
+}) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: chunkDN2AEEA2_js.cn("text-[0.8rem] text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function FormMessage({
+  className,
+  children,
+  ...props
+}) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: chunkDN2AEEA2_js.cn("text-[0.8rem] font-medium text-destructive", className),
+      ...props,
+      children: body
+    }
+  );
+}
+
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.useFormField = useFormField;
+//# sourceMappingURL=chunk-CVACQJRM.js.map
+//# sourceMappingURL=chunk-CVACQJRM.js.map

package/dist/chunk-CVACQJRM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form.tsx"],"names":["FormProvider","React","jsx","Controller","useFormContext","cn","Label","Slot"],"mappings":"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","file":"chunk-CVACQJRM.js","sourcesContent":["\"use client\"\n\nimport * as React 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  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from \"react-hook-form\"\n\nimport { cn } from \"../lib/utils\"\nimport { Label } from \"./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 = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\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\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n)\n\nfunction FormItem({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  const id = React.useId()\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn(\"space-y-2\", className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  )\n}\n\nfunction FormLabel({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & { ref?: React.Ref<React.ElementRef<typeof LabelPrimitive.Root>> }) {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      data-slot=\"form-label\"\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n}\nFormLabel.displayName = \"FormLabel\"\n\nfunction FormControl({ ref, ...props }: React.ComponentPropsWithoutRef<typeof Slot> & { ref?: React.Ref<React.ElementRef<typeof Slot>> }) {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n}\nFormControl.displayName = \"FormControl\"\n\nfunction FormDescription({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement>) {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(\"text-[0.8rem] text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction FormMessage({\n  className,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement>) {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(\"text-[0.8rem] font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n}\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n}"]}