@hyunsdev/ui 0.1.0

package/dist/components/typography.js

@@ -0,0 +1,91 @@
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/typography.tsx
+import { jsx } from "react/jsx-runtime";
+function H1({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "h1",
+    {
+      className: cn(
+        "scroll-m-20 text-center text-4xl font-extrabold tracking-tight text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function H2({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "h2",
+    {
+      className: cn("scroll-m-20 pb-2 text-3xl font-semibold tracking-tight", className),
+      ...props
+    }
+  );
+}
+function H3({ className, ...props }) {
+  return /* @__PURE__ */ jsx("h3", { className: cn("scroll-m-20 text-2xl font-semibold tracking-tight", className), ...props });
+}
+function H4({ className, ...props }) {
+  return /* @__PURE__ */ jsx("h4", { className: cn("scroll-m-20 text-xl font-semibold tracking-tight", className), ...props });
+}
+function P({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { className: cn("leading-7 [&:not(:first-child)]:mt-6", className), ...props });
+}
+function Blockquote({ className, ...props }) {
+  return /* @__PURE__ */ jsx("blockquote", { className: cn("mt-6 border-l-2 pl-6 italic", className), ...props });
+}
+function Ul({ className, ...props }) {
+  return /* @__PURE__ */ jsx("ul", { className: cn("my-6 ml-6 list-disc [&>li]:mt-2", className), ...props });
+}
+function InlineCode({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "code",
+    {
+      className: cn(
+        "bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Lead({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground text-xl", className), ...props });
+}
+function Large({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { className: cn("text-lg font-semibold", className), ...props });
+}
+function Small({ className, ...props }) {
+  return /* @__PURE__ */ jsx("small", { className: cn("text-sm leading-none font-medium", className), ...props });
+}
+function Muted({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground text-sm", className), ...props });
+}
+function A({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: cn("text-text-accent hover:text-text-accent-hover hover:underline", className),
+      ...props
+    }
+  );
+}
+export {
+  A,
+  Blockquote,
+  H1,
+  H2,
+  H3,
+  H4,
+  InlineCode,
+  Large,
+  Lead,
+  Muted,
+  P,
+  Small,
+  Ul
+};
+//# sourceMappingURL=typography.js.map

package/dist/components/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/typography.tsx"],"sourcesContent":["import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function H1({ className, ...props }: React.ComponentPropsWithRef<\"h1\">) {\n  return (\n    <h1\n      className={cn(\n        \"scroll-m-20 text-center text-4xl font-extrabold tracking-tight text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function H2({ className, ...props }: React.ComponentPropsWithRef<\"h2\">) {\n  return (\n    <h2\n      className={cn(\"scroll-m-20 pb-2 text-3xl font-semibold tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function H3({ className, ...props }: React.ComponentPropsWithRef<\"h3\">) {\n  return (\n    <h3 className={cn(\"scroll-m-20 text-2xl font-semibold tracking-tight\", className)} {...props} />\n  )\n}\n\nexport function H4({ className, ...props }: React.ComponentPropsWithRef<\"h4\">) {\n  return (\n    <h4 className={cn(\"scroll-m-20 text-xl font-semibold tracking-tight\", className)} {...props} />\n  )\n}\n\nexport function P({ className, ...props }: React.ComponentPropsWithRef<\"p\">) {\n  return <p className={cn(\"leading-7 [&:not(:first-child)]:mt-6\", className)} {...props} />\n}\n\nexport function Blockquote({ className, ...props }: React.ComponentPropsWithRef<\"blockquote\">) {\n  return <blockquote className={cn(\"mt-6 border-l-2 pl-6 italic\", className)} {...props} />\n}\n\nexport function Ul({ className, ...props }: React.ComponentPropsWithRef<\"ul\">) {\n  return <ul className={cn(\"my-6 ml-6 list-disc [&>li]:mt-2\", className)} {...props} />\n}\n\nexport function InlineCode({ className, ...props }: React.ComponentPropsWithRef<\"code\">) {\n  return (\n    <code\n      className={cn(\n        \"bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function Lead({ className, ...props }: React.ComponentPropsWithRef<\"p\">) {\n  return <p className={cn(\"text-muted-foreground text-xl\", className)} {...props} />\n}\n\nexport function Large({ className, ...props }: React.ComponentPropsWithRef<\"p\">) {\n  return <p className={cn(\"text-lg font-semibold\", className)} {...props} />\n}\n\nexport function Small({ className, ...props }: React.ComponentPropsWithRef<\"small\">) {\n  return <small className={cn(\"text-sm leading-none font-medium\", className)} {...props} />\n}\n\nexport function Muted({ className, ...props }: React.ComponentPropsWithRef<\"p\">) {\n  return <p className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n}\n\nexport function A({ className, ...props }: React.ComponentPropsWithRef<\"a\">) {\n  return (\n    <a\n      className={cn(\"text-text-accent hover:text-text-accent-hover hover:underline\", className)}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;AAII;AAFG,SAAS,GAAG,EAAE,WAAW,GAAG,MAAM,GAAsC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,GAAG,EAAE,WAAW,GAAG,MAAM,GAAsC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0DAA0D,SAAS;AAAA,MAChF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,GAAG,EAAE,WAAW,GAAG,MAAM,GAAsC;AAC7E,SACE,oBAAC,QAAG,WAAW,GAAG,qDAAqD,SAAS,GAAI,GAAG,OAAO;AAElG;AAEO,SAAS,GAAG,EAAE,WAAW,GAAG,MAAM,GAAsC;AAC7E,SACE,oBAAC,QAAG,WAAW,GAAG,oDAAoD,SAAS,GAAI,GAAG,OAAO;AAEjG;AAEO,SAAS,EAAE,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SAAO,oBAAC,OAAE,WAAW,GAAG,wCAAwC,SAAS,GAAI,GAAG,OAAO;AACzF;AAEO,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAA8C;AAC7F,SAAO,oBAAC,gBAAW,WAAW,GAAG,+BAA+B,SAAS,GAAI,GAAG,OAAO;AACzF;AAEO,SAAS,GAAG,EAAE,WAAW,GAAG,MAAM,GAAsC;AAC7E,SAAO,oBAAC,QAAG,WAAW,GAAG,mCAAmC,SAAS,GAAI,GAAG,OAAO;AACrF;AAEO,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAwC;AACvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC9E,SAAO,oBAAC,OAAE,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAClF;AAEO,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC/E,SAAO,oBAAC,OAAE,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAC1E;AAEO,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAyC;AACnF,SAAO,oBAAC,WAAM,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO;AACzF;AAEO,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC/E,SAAO,oBAAC,OAAE,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAClF;AAEO,SAAS,EAAE,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,iEAAiE,SAAS;AAAA,MACvF,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,3 @@
+declare function useIsMobile(): boolean;
+
+export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -0,0 +1,7 @@
+import {
+  useIsMobile
+} from "../chunk-WJRJBMFN.js";
+export {
+  useIsMobile
+};
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/hooks/use-theme.d.ts

@@ -0,0 +1,3 @@
+export { useTheme } from '../components/theme-provider.js';
+export { AccentPreset, ResolvedTheme, ThemeContextValue, ThemeMode } from '../lib/theme.js';
+import 'react';

package/dist/hooks/use-theme.js

@@ -0,0 +1,8 @@
+import {
+  useTheme
+} from "../chunk-UXCBLYG6.js";
+import "../chunk-3RTSANKB.js";
+export {
+  useTheme
+};
+//# sourceMappingURL=use-theme.js.map

package/dist/hooks/use-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { Button, buttonVariants } from './components/button.js';
+export { MainProvider } from './components/main-provider.js';
+export { ThemeProvider, useTheme } from './components/theme-provider.js';
+export { AccentPreset, ResolvedTheme, ThemeContextValue, ThemeMode, getThemeInitScript } from './lib/theme.js';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';

package/dist/index.js

@@ -0,0 +1,27 @@
+import {
+  MainProvider
+} from "./chunk-WIZ4OLOB.js";
+import "./chunk-23KUNTRD.js";
+import "./chunk-D3SP7GL3.js";
+import {
+  ThemeProvider,
+  useTheme
+} from "./chunk-UXCBLYG6.js";
+import {
+  getThemeInitScript
+} from "./chunk-3RTSANKB.js";
+import {
+  Button,
+  buttonVariants
+} from "./chunk-TU5CYBB4.js";
+import "./chunk-O2BG2KSY.js";
+import "./chunk-DN2AEEA2.js";
+export {
+  Button,
+  MainProvider,
+  ThemeProvider,
+  buttonVariants,
+  getThemeInitScript,
+  useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layouts/center/index.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { Card } from '../../components/card.js';
+
+declare function CenterLayout({ className, children, ...props }: React__default.ComponentProps<"div">): React__default.JSX.Element;
+declare function CenterHeader({ className, ...props }: React__default.ComponentProps<"div">): React__default.JSX.Element;
+declare function CenterContent({ children, className, width, ...props }: React__default.ComponentProps<"div"> & {
+    width?: string;
+}): React__default.JSX.Element;
+declare function CenterContentHeader({ children }: {
+    children: React__default.ReactNode;
+}): React__default.JSX.Element;
+declare function CenterContentBody({ children }: {
+    children: React__default.ReactNode;
+}): React__default.JSX.Element;
+declare function CenterCard({ children, className, ...props }: React__default.ComponentProps<typeof Card>): React__default.JSX.Element;
+declare function CenterFooter({ className, ...props }: React__default.ComponentProps<"div">): React__default.JSX.Element;
+
+export { CenterCard, CenterContent, CenterContentBody, CenterContentHeader, CenterFooter, CenterHeader, CenterLayout };

package/dist/layouts/center/index.js

@@ -0,0 +1,73 @@
+import {
+  Card
+} from "../../chunk-HZT6RQYZ.js";
+import "../../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../../chunk-DN2AEEA2.js";
+
+// src/layouts/center/core/CenterLayout.tsx
+import "react";
+import { jsx } from "react/jsx-runtime";
+function CenterLayout({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "bg-center-background flex min-h-svh flex-col items-center justify-between",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function CenterHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex w-full flex-col items-center justify-between", className),
+      ...props
+    }
+  );
+}
+function CenterContent({
+  children,
+  className,
+  width = "400px",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex w-full flex-1 flex-col items-center justify-center", className),
+      style: {
+        maxWidth: width
+      },
+      ...props,
+      children
+    }
+  );
+}
+function CenterContentHeader({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col items-center justify-center", children });
+}
+function CenterContentBody({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col items-center justify-center", children });
+}
+function CenterCard({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(Card, { className: cn("w-full", className), ...props, children });
+}
+function CenterFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col items-center justify-center", className), ...props });
+}
+export {
+  CenterCard,
+  CenterContent,
+  CenterContentBody,
+  CenterContentHeader,
+  CenterFooter,
+  CenterHeader,
+  CenterLayout
+};
+//# sourceMappingURL=index.js.map

package/dist/layouts/center/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/layouts/center/core/CenterLayout.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { Card } from \"@hyunsdev/ui/components/card\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function CenterLayout({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"bg-center-background flex min-h-svh flex-col items-center justify-between\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function CenterHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"flex w-full flex-col items-center justify-between\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function CenterContent({\n  children,\n  className,\n  width = \"400px\",\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  width?: string\n}) {\n  return (\n    <div\n      className={cn(\"flex w-full flex-1 flex-col items-center justify-center\", className)}\n      style={{\n        maxWidth: width,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function CenterContentHeader({ children }: { children: React.ReactNode }) {\n  return <div className=\"flex w-full flex-col items-center justify-center\">{children}</div>\n}\n\nexport function CenterContentBody({ children }: { children: React.ReactNode }) {\n  return <div className=\"flex w-full flex-col items-center justify-center\">{children}</div>\n}\n\nexport function CenterCard({ children, className, ...props }: React.ComponentProps<typeof Card>) {\n  return (\n    <Card className={cn(\"w-full\", className)} {...props}>\n      {children}\n    </Card>\n  )\n}\n\nexport function CenterFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex w-full flex-col items-center justify-center\", className)} {...props} />\n  )\n}\n"],"mappings":";;;;;;;;;AAAA,OAAkB;AAOd;AAFG,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAgC;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AACjF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,qDAAqD,SAAS;AAAA,MAC3E,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,2DAA2D,SAAS;AAAA,MAClF,OAAO;AAAA,QACL,UAAU;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,oBAAoB,EAAE,SAAS,GAAkC;AAC/E,SAAO,oBAAC,SAAI,WAAU,oDAAoD,UAAS;AACrF;AAEO,SAAS,kBAAkB,EAAE,SAAS,GAAkC;AAC7E,SAAO,oBAAC,SAAI,WAAU,oDAAoD,UAAS;AACrF;AAEO,SAAS,WAAW,EAAE,UAAU,WAAW,GAAG,MAAM,GAAsC;AAC/F,SACE,oBAAC,QAAK,WAAW,GAAG,UAAU,SAAS,GAAI,GAAG,OAC3C,UACH;AAEJ;AAEO,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AACjF,SACE,oBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAAI,GAAG,OAAO;AAElG;","names":[]}

package/dist/layouts/chat/index.d.ts

@@ -0,0 +1,42 @@
+import * as React$1 from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+declare function ChatLayout({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function ChatHeader({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function ChatHeaderLeading({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function ChatHeaderTrailing({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function IncomingMessageItem({ children }: {
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+declare function IncomingMessageAvatar(props: React.ComponentProps<typeof AvatarPrimitive.Root>): React$1.JSX.Element;
+declare function IncomingMessageContent({ children }: {
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+declare function IncomingMessageBubble({ children }: {
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+declare function IncomingMessageDescription({ children }: {
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+
+declare function UserMessageItem({ children }: {
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+declare function UserMessageBubble({ children }: {
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+
+declare function SystemMessageItem({ children }: {
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+
+declare function MessageComposer({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function MessageComposerBox({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function MessageComposerTextarea({ className, ...props }: React.ComponentProps<"textarea">): React$1.JSX.Element;
+declare function MessageComposerBoxFooter({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function MessageComposerDescription({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function MessageList({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+
+export { ChatHeader, ChatHeaderLeading, ChatHeaderTrailing, ChatLayout, IncomingMessageAvatar, IncomingMessageBubble, IncomingMessageContent, IncomingMessageDescription, IncomingMessageItem, MessageComposer, MessageComposerBox, MessageComposerBoxFooter, MessageComposerDescription, MessageComposerTextarea, MessageList, SystemMessageItem, UserMessageBubble, UserMessageItem };

package/dist/layouts/chat/index.js

@@ -0,0 +1,191 @@
+import {
+  ScrollArea,
+  ScrollBar
+} from "../../chunk-GJT7TDBS.js";
+import {
+  Avatar
+} from "../../chunk-POG5DZBT.js";
+import {
+  cn
+} from "../../chunk-DN2AEEA2.js";
+
+// src/layouts/chat/ChatLayout.tsx
+import { jsx } from "react/jsx-runtime";
+function ChatLayout({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex h-full w-full flex-col", className), ...props, children });
+}
+function ChatHeader({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "chat-header",
+      className: cn("flex h-11 items-center justify-between px-3 text-sm", className),
+      ...props,
+      children
+    }
+  );
+}
+function ChatHeaderLeading({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "chat-header-leading",
+      className: cn("flex items-center gap-0.5", className),
+      ...props,
+      children
+    }
+  );
+}
+function ChatHeaderTrailing({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "chat-header-trailing",
+      className: cn("ml-auto flex items-center gap-0.5", className),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/layouts/chat/message-item/IncomingMessageItem.tsx
+import "@radix-ui/react-avatar";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function IncomingMessageItem({ children }) {
+  return /* @__PURE__ */ jsx2("div", { className: "flex w-full items-end gap-1 p-2", children });
+}
+function IncomingMessageAvatar(props) {
+  return /* @__PURE__ */ jsx2(Avatar, { size: "default", ...props });
+}
+function IncomingMessageContent({ children }) {
+  return /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-1", children });
+}
+function IncomingMessageBubble({ children }) {
+  return /* @__PURE__ */ jsx2("div", { className: "bg-background max-w-[80%] rounded-t-xl rounded-r-xl border px-3 py-1 text-sm", children });
+}
+function IncomingMessageDescription({ children }) {
+  return /* @__PURE__ */ jsx2("div", { className: "text-muted-foreground px-1 text-xs", children });
+}
+
+// src/layouts/chat/message-item/UserMessageItem.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function UserMessageItem({ children }) {
+  return /* @__PURE__ */ jsx3("div", { className: "flex w-full items-start p-2", children });
+}
+function UserMessageBubble({ children }) {
+  return /* @__PURE__ */ jsx3("div", { className: "bg-primary text-background ml-auto max-w-[80%] rounded-t-xl rounded-l-xl px-3 py-1 text-sm", children });
+}
+
+// src/layouts/chat/message-item/SystemMessageItem.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function SystemMessageItem({ children }) {
+  return /* @__PURE__ */ jsx4("div", { className: "flex w-full justify-center p-2", children: /* @__PURE__ */ jsx4("div", { className: "bg-background rounded-full border px-3 py-1 text-sm", children }) });
+}
+
+// src/layouts/chat/MessageComposer.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function MessageComposer({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "message-composer",
+      className: cn("flex w-full flex-col items-center gap-1.5 p-2", className),
+      ...props,
+      children
+    }
+  );
+}
+function MessageComposerBox({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "message-composer-box",
+      className: cn(
+        "border-border bg-background-primary text-text-normal flex w-full flex-col rounded-xl border p-3",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function MessageComposerTextarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "textarea",
+    {
+      name: "chat-input",
+      id: "chat-input",
+      placeholder: "Type your message here...",
+      className: cn("resize-none text-sm focus-visible:outline-none", className),
+      ...props
+    }
+  );
+}
+function MessageComposerBoxFooter({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "chat-input-footer",
+      className: cn("mt-2 flex items-center justify-end gap-2", className),
+      ...props,
+      children
+    }
+  );
+}
+function MessageComposerDescription({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      "data-slot": "chat-input-footer",
+      className: cn("text-chat-description flex text-center text-xs", className),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/layouts/chat/MessageList.tsx
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+function MessageList({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      "data-slot": "message-list",
+      className: cn("flex h-full w-full flex-1 flex-col gap-4 overflow-hidden", className),
+      ...props,
+      children: /* @__PURE__ */ jsxs(ScrollArea, { className: "h-full", children: [
+        /* @__PURE__ */ jsx6("div", { className: "", children }),
+        /* @__PURE__ */ jsx6(ScrollBar, { orientation: "horizontal" })
+      ] })
+    }
+  );
+}
+export {
+  ChatHeader,
+  ChatHeaderLeading,
+  ChatHeaderTrailing,
+  ChatLayout,
+  IncomingMessageAvatar,
+  IncomingMessageBubble,
+  IncomingMessageContent,
+  IncomingMessageDescription,
+  IncomingMessageItem,
+  MessageComposer,
+  MessageComposerBox,
+  MessageComposerBoxFooter,
+  MessageComposerDescription,
+  MessageComposerTextarea,
+  MessageList,
+  SystemMessageItem,
+  UserMessageBubble,
+  UserMessageItem
+};
+//# sourceMappingURL=index.js.map

package/dist/layouts/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/layouts/chat/ChatLayout.tsx","../../../src/layouts/chat/message-item/IncomingMessageItem.tsx","../../../src/layouts/chat/message-item/UserMessageItem.tsx","../../../src/layouts/chat/message-item/SystemMessageItem.tsx","../../../src/layouts/chat/MessageComposer.tsx","../../../src/layouts/chat/MessageList.tsx"],"sourcesContent":["import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function ChatLayout({ children, className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex h-full w-full flex-col\", className)} {...props}>\n      {children}\n    </div>\n  )\n}\n\nexport function ChatHeader({ children, className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"chat-header\"\n      className={cn(\"flex h-11 items-center justify-between px-3 text-sm\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function ChatHeaderLeading({ children, className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"chat-header-leading\"\n      className={cn(\"flex items-center gap-0.5\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function ChatHeaderTrailing({ children, className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"chat-header-trailing\"\n      className={cn(\"ml-auto flex items-center gap-0.5\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n","import * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { Avatar } from \"@hyunsdev/ui/components/avatar\"\n\nexport function IncomingMessageItem({ children }: { children?: React.ReactNode }) {\n  return <div className=\"flex w-full items-end gap-1 p-2\">{children}</div>\n}\n\nexport function IncomingMessageAvatar(props: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return <Avatar size=\"default\" {...props} />\n}\n\nexport function IncomingMessageContent({ children }: { children?: React.ReactNode }) {\n  return <div className=\"flex flex-col gap-1\">{children}</div>\n}\n\nexport function IncomingMessageBubble({ children }: { children?: React.ReactNode }) {\n  return (\n    <div className=\"bg-background max-w-[80%] rounded-t-xl rounded-r-xl border px-3 py-1 text-sm\">\n      {children}\n    </div>\n  )\n}\n\nexport function IncomingMessageDescription({ children }: { children?: React.ReactNode }) {\n  return <div className=\"text-muted-foreground px-1 text-xs\">{children}</div>\n}\n","export function UserMessageItem({ children }: { children?: React.ReactNode }) {\n  return <div className=\"flex w-full items-start p-2\">{children}</div>\n}\n\nexport function UserMessageBubble({ children }: { children?: React.ReactNode }) {\n  return (\n    <div className=\"bg-primary text-background ml-auto max-w-[80%] rounded-t-xl rounded-l-xl px-3 py-1 text-sm\">\n      {children}\n    </div>\n  )\n}\n","export function SystemMessageItem({ children }: { children?: React.ReactNode }) {\n  return (\n    <div className=\"flex w-full justify-center p-2\">\n      <div className=\"bg-background rounded-full border px-3 py-1 text-sm\">{children}</div>\n    </div>\n  )\n}\n","import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function MessageComposer({ children, className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-composer\"\n      className={cn(\"flex w-full flex-col items-center gap-1.5 p-2\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function MessageComposerBox({ children, className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-composer-box\"\n      className={cn(\n        \"border-border bg-background-primary text-text-normal flex w-full flex-col rounded-xl border p-3\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function MessageComposerTextarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      name=\"chat-input\"\n      id=\"chat-input\"\n      placeholder=\"Type your message here...\"\n      className={cn(\"resize-none text-sm focus-visible:outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function MessageComposerBoxFooter({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"chat-input-footer\"\n      className={cn(\"mt-2 flex items-center justify-end gap-2\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function MessageComposerDescription({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"chat-input-footer\"\n      className={cn(\"text-chat-description flex text-center text-xs\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n","import { ScrollArea, ScrollBar } from \"@hyunsdev/ui/components/scroll-area\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nexport function MessageList({ children, className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-list\"\n      className={cn(\"flex h-full w-full flex-1 flex-col gap-4 overflow-hidden\", className)}\n      {...props}\n    >\n      <ScrollArea className=\"h-full\">\n        <div className=\"\">{children}</div>\n        <ScrollBar orientation=\"horizontal\" />\n      </ScrollArea>\n    </div>\n  )\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx"]}

package/dist/layouts/command/index.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/layouts/command/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/dist/layouts/command/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layouts/panel/index.d.ts

@@ -0,0 +1,55 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+
+declare function PanelBreadcrumb({ className, ...props }: React$1.ComponentProps<"nav">): React$1.JSX.Element;
+declare function PanelBreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): React$1.JSX.Element;
+declare function PanelBreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function PanelBreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): React$1.JSX.Element;
+declare function PanelBreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function PanelBreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
+declare function PanelBreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+
+declare function Panel({ children, className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function PanelBody({ className, children, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function PanelFooter({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function PanelHeader({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function PanelHeaderLeading({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function PanelHeaderTrailing({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function PanelSidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): React$1.JSX.Element;
+declare function PanelSidebarInset({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
+declare function PanelSidebarRail({ className, ...props }: React$1.ComponentProps<"button">): React$1.JSX.Element;
+
+declare const PANEL_SIDEBAR_MIN_WIDTH = "250px";
+declare const PANEL_SIDEBAR_DEFAULT_WIDTH = "280px";
+declare const PANEL_SIDEBAR_MAX_WIDTH = "400px";
+type PanelSidebarContextProps = {
+    currentSide: "left" | "right";
+    hasSidebar: boolean;
+    isResizing: boolean;
+    sidebarWidth: number;
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    toggleSidebar: () => void;
+    setHasSidebar: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setCurrentSide: React__default.Dispatch<React__default.SetStateAction<"left" | "right">>;
+    handleRailClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    handleRailKeyDown: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
+    handleRailPointerDown: (event: React__default.PointerEvent<HTMLButtonElement>) => void;
+};
+declare const PanelSidebarContext: React__default.Context<PanelSidebarContextProps | null>;
+declare function PanelSidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React__default.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): React__default.JSX.Element;
+declare function usePanelSidebar(): PanelSidebarContextProps;
+
+export { PANEL_SIDEBAR_DEFAULT_WIDTH, PANEL_SIDEBAR_MAX_WIDTH, PANEL_SIDEBAR_MIN_WIDTH, Panel, PanelBody, PanelBreadcrumb, PanelBreadcrumbEllipsis, PanelBreadcrumbItem, PanelBreadcrumbLink, PanelBreadcrumbList, PanelBreadcrumbPage, PanelBreadcrumbSeparator, PanelFooter, PanelHeader, PanelHeaderLeading, PanelHeaderTrailing, PanelSidebar, PanelSidebarContext, type PanelSidebarContextProps, PanelSidebarInset, PanelSidebarProvider, PanelSidebarRail, usePanelSidebar };