@k8o/arte-odyssey 2.0.2 → 3.1.0

package/dist/components/accordion/context.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import {
   createContext,

package/dist/components/alert/index.d.ts

@@ -1 +1 @@
-export * from './alert';
+export { Alert } from './alert';

package/dist/components/alert/index.js

@@ -1 +1,4 @@
-export * from "./alert";
+import { Alert } from "./alert";
+export {
+  Alert
+};

package/dist/components/anchor/index.d.ts

@@ -1 +1 @@
-export * from './anchor';
+export { Anchor } from './anchor';

package/dist/components/anchor/index.js

@@ -1 +1,4 @@
-export * from "./anchor";
+import { Anchor } from "./anchor";
+export {
+  Anchor
+};

package/dist/components/baseline-status/index.d.ts

@@ -1 +1 @@
-export * from './baseline-status';
+export { BaselineStatus } from './baseline-status';

package/dist/components/baseline-status/index.js

@@ -1 +1,4 @@
-export * from "./baseline-status";
+import { BaselineStatus } from "./baseline-status";
+export {
+  BaselineStatus
+};

package/dist/components/breadcrumb/index.d.ts

@@ -1 +1 @@
-export * from './breadcrumb';
+export { Breadcrumb } from './breadcrumb';

package/dist/components/breadcrumb/index.js

@@ -1 +1,4 @@
-export * from "./breadcrumb";
+import { Breadcrumb } from "./breadcrumb";
+export {
+  Breadcrumb
+};

package/dist/components/button/index.d.ts

@@ -1 +1 @@
-export * from './button';
+export { Button } from './button';

package/dist/components/button/index.js

@@ -1 +1,4 @@
-export * from "./button";
+import { Button } from "./button";
+export {
+  Button
+};

package/dist/components/card/card.js

@@ -1,24 +1,23 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "./../../helpers/cn";
 const Card = ({
   children,
   variant = "primary",
-  title,
-  width = "full"
-}) => /* @__PURE__ */ jsxs(
-  "section",
+  width = "full",
+  appearance = "shadow"
+}) => /* @__PURE__ */ jsx(
+  "div",
   {
     className: cn(
-      "overflow-hidden rounded-lg shadow-sm",
+      "rounded-lg",
+      appearance === "shadow" && "shadow-sm",
+      appearance === "bordered" && "border border-border-mute",
       width === "full" && "w-full",
       width === "fit" && "w-fit",
       variant === "primary" && "bg-bg-base",
       variant === "secondary" && "bg-bg-mute"
     ),
-    children: [
-      title && /* @__PURE__ */ jsx("div", { className: "bg-primary-bg/10 px-4 py-3", children: /* @__PURE__ */ jsx("p", { className: "font-bold", children: title }) }),
-      children
-    ]
+    children
   }
 );
 export {

package/dist/components/card/card.stories.js

@@ -1,4 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "./../button";
+import { LinkButton } from "./../link-button";
 import { Card } from "./card";
 import { InteractiveCard } from "./interactive-card";
 const meta = {
@@ -12,29 +14,39 @@ const Primary = {
     /* @__PURE__ */ jsx("p", { className: "mt-2 text-fg-mute", children: "\u3053\u308C\u306F\u30AB\u30FC\u30C9\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u306E\u8AAC\u660E\u6587\u3067\u3059\u3002\u30B3\u30F3\u30C6\u30F3\u30C4\u3092\u56F2\u3093\u3067\u8996\u899A\u7684\u306B\u30B0\u30EB\u30FC\u30D7\u5316\u3057\u307E\u3059\u3002" })
   ] }) })
 };
-const WithTitle = {
-  render: () => /* @__PURE__ */ jsx(Card, { title: "\u304A\u77E5\u3089\u305B", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-    /* @__PURE__ */ jsx("p", { children: "\u30B7\u30B9\u30C6\u30E0\u30E1\u30F3\u30C6\u30CA\u30F3\u30B9\u306E\u304A\u77E5\u3089\u305B\u3067\u3059\u3002" }),
-    /* @__PURE__ */ jsx("p", { className: "mt-2 text-fg-mute text-sm", children: "2024\u5E741\u670820\u65E5 10:00\u301C12:00" })
-  ] }) })
-};
 const Secondary = {
   render: () => /* @__PURE__ */ jsx(Card, { variant: "secondary", children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("p", { className: "text-fg-mute", children: "\u30BB\u30AB\u30F3\u30C0\u30EA\u30D0\u30EA\u30A8\u30FC\u30B7\u30E7\u30F3\u306F\u80CC\u666F\u8272\u304C\u5C11\u3057\u6697\u304F\u306A\u308A\u307E\u3059\u3002" }) }) })
 };
 const Interactive = {
-  render: () => /* @__PURE__ */ jsx(InteractiveCard, { children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-    /* @__PURE__ */ jsx("h3", { className: "font-bold", children: "\u30AF\u30EA\u30C3\u30AF\u53EF\u80FD\u306A\u30AB\u30FC\u30C9" }),
-    /* @__PURE__ */ jsx("p", { className: "mt-2 text-fg-mute text-sm", children: "\u30DB\u30D0\u30FC\u3067\u5C11\u3057\u62E1\u5927\u3001\u30AF\u30EA\u30C3\u30AF\u3067\u7E2E\u5C0F\u3057\u307E\u3059\u3002" })
+  render: () => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx(InteractiveCard, { children: /* @__PURE__ */ jsxs("a", { className: "block p-4", href: "https://example.com", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-bold", children: "\u30AB\u30FC\u30C9\u5168\u4F53\u304C\u30EA\u30F3\u30AF" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-fg-mute text-sm", children: "\u30AB\u30FC\u30C9\u5168\u4F53\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u9077\u79FB\u3057\u307E\u3059\u3002" })
+    ] }) }),
+    /* @__PURE__ */ jsx(InteractiveCard, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-bold", children: "\u30AB\u30FC\u30C9\u5185\u306B\u30DC\u30BF\u30F3\u3068\u30EA\u30F3\u30AF" }),
+      /* @__PURE__ */ jsx("p", { className: "text-fg-mute text-sm", children: "\u30AB\u30FC\u30C9\u5185\u306B\u30A4\u30F3\u30BF\u30E9\u30AF\u30C6\u30A3\u30D6\u8981\u7D20\u3092\u914D\u7F6E\u3067\u304D\u307E\u3059\u3002" }),
+      /* @__PURE__ */ jsxs("nav", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(LinkButton, { href: "https://example.com", size: "sm", children: "\u8A73\u7D30\u3092\u898B\u308B" }),
+        /* @__PURE__ */ jsx(Button, { color: "gray", size: "sm", variant: "outlined", children: "\u4FDD\u5B58" })
+      ] })
+    ] }) })
+  ] })
+};
+const Bordered = {
+  render: () => /* @__PURE__ */ jsx(Card, { appearance: "bordered", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: "font-bold text-lg", children: "\u30DC\u30FC\u30C0\u30FC\u30B9\u30BF\u30A4\u30EB" }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-fg-mute", children: "\u30B7\u30E3\u30C9\u30A6\u306E\u4EE3\u308F\u308A\u306B\u30DC\u30FC\u30C0\u30FC\u3067\u533A\u5207\u308B\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002" })
   ] }) })
 };
 const FitWidth = {
   render: () => /* @__PURE__ */ jsx(Card, { width: "fit", children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("p", { children: "\u5E45\u304C\u30B3\u30F3\u30C6\u30F3\u30C4\u306B\u5408\u308F\u305B\u3066\u8ABF\u6574\u3055\u308C\u307E\u3059\u3002" }) }) })
 };
 export {
+  Bordered,
   FitWidth,
   Interactive,
   Primary,
   Secondary,
-  WithTitle,
   card_stories_default as default
 };

package/dist/components/card/index.d.ts

@@ -1,2 +1,2 @@
-export * from './card';
-export * from './interactive-card';
+export { Card } from './card';
+export { InteractiveCard } from './interactive-card';

package/dist/components/card/index.js

@@ -1,2 +1,6 @@
-export * from "./card";
-export * from "./interactive-card";
+import { Card } from "./card";
+import { InteractiveCard } from "./interactive-card";
+export {
+  Card,
+  InteractiveCard
+};

package/dist/components/card/interactive-card.js

@@ -1,24 +1,23 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "./../../helpers/cn";
 const InteractiveCard = ({
   children,
   variant = "primary",
   width = "full",
-  title
-}) => /* @__PURE__ */ jsxs(
-  "section",
+  appearance = "shadow"
+}) => /* @__PURE__ */ jsx(
+  "div",
   {
     className: cn(
-      "overflow-hidden rounded-lg shadow-sm transition-transform hover:scale-[1.02] active:scale-[0.98]",
+      "rounded-lg transition-transform hover:scale-[1.02] active:scale-[0.98]",
+      appearance === "shadow" && "shadow-sm",
+      appearance === "bordered" && "border border-border-mute",
       width === "full" && "w-full",
       width === "fit" && "w-fit",
       variant === "primary" && "bg-bg-base",
       variant === "secondary" && "bg-bg-mute"
     ),
-    children: [
-      title && /* @__PURE__ */ jsx("div", { className: "bg-primary-bg/10 px-4 py-3", children: /* @__PURE__ */ jsx("p", { className: "font-bold", children: title }) }),
-      children
-    ]
+    children
   }
 );
 export {

package/dist/components/card/type.d.ts

@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from 'react';
 export type CardProps = PropsWithChildren<{
     variant?: 'primary' | 'secondary';
-    title?: string;
     width?: 'full' | 'fit';
+    appearance?: 'shadow' | 'bordered';
 }>;

package/dist/components/dialog/dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   createContext,

package/dist/components/dialog/index.d.ts

@@ -1 +1 @@
-export * from './dialog';
+export { Content, Dialog } from './dialog';

package/dist/components/dialog/index.js

@@ -1 +1,5 @@
-export * from "./dialog";
+import { Content, Dialog } from "./dialog";
+export {
+  Content,
+  Dialog
+};

package/dist/components/drawer/drawer.d.ts

@@ -1,6 +1,7 @@
-import { type FC, type PropsWithChildren } from 'react';
+import { type FC, type PropsWithChildren, type ReactNode } from 'react';
 export declare const Drawer: FC<PropsWithChildren<{
-    title: string;
+    title: ReactNode;
     isOpen: boolean;
     onClose: () => void;
+    side?: 'left' | 'right';
 }>>;

package/dist/components/drawer/drawer.js

@@ -1,45 +1,55 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
+import { cn } from "../../helpers/cn";
 import { Heading } from "../heading";
 import { IconButton } from "../icon-button";
 import { CloseIcon } from "../icons";
 import { Modal } from "../modal";
-const Drawer = ({ title, isOpen, onClose, children }) => {
+const Drawer = ({ title, isOpen, onClose, side = "right", children }) => {
   const rootId = useId();
-  return /* @__PURE__ */ jsx(Modal, { isOpen, onClose, type: "right", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Modal, { isOpen, onClose, type: side, children: /* @__PURE__ */ jsxs(
     "section",
     {
       "aria-describedby": `${rootId}-content`,
       "aria-labelledby": `${rootId}-header`,
-      className: "min-h-svh",
+      className: "flex h-full flex-col",
       id: rootId,
       children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "flex items-center justify-center p-4 pb-2",
+            className: "flex shrink-0 items-center justify-center p-4 pb-2",
             id: `${rootId}-header`,
             children: [
-              /* @__PURE__ */ jsx(Heading, { type: "h3", children: title }),
-              /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ jsx(
-                IconButton,
+              typeof title === "string" ? /* @__PURE__ */ jsx(Heading, { type: "h3", children: title }) : title,
+              /* @__PURE__ */ jsx(
+                "div",
                 {
-                  label: "\u9589\u3058\u308B",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onClose();
-                  },
-                  children: /* @__PURE__ */ jsx(CloseIcon, { size: "sm" })
+                  className: cn(
+                    "absolute top-2",
+                    side === "left" ? "left-2" : "right-2"
+                  ),
+                  children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      label: "\u9589\u3058\u308B",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onClose();
+                      },
+                      children: /* @__PURE__ */ jsx(CloseIcon, { size: "sm" })
+                    }
+                  )
                 }
-              ) })
+              )
             ]
           }
         ),
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "p-4",
+            className: "flex-1 overflow-y-auto overscroll-contain p-4",
             id: `${rootId}-content`,
             onClick: (e) => {
               e.stopPropagation();

package/dist/components/drawer/index.d.ts

@@ -1 +1 @@
-export * from './drawer';
+export { Drawer } from './drawer';

package/dist/components/drawer/index.js

@@ -1 +1,4 @@
-export * from "./drawer";
+import { Drawer } from "./drawer";
+export {
+  Drawer
+};

package/dist/components/dropdown-menu/index.d.ts

@@ -1 +1 @@
-export * from './dropdown-menu';
+export { DropdownMenu } from './dropdown-menu';

package/dist/components/dropdown-menu/index.js

@@ -1 +1,4 @@
-export * from "./dropdown-menu";
+import { DropdownMenu } from "./dropdown-menu";
+export {
+  DropdownMenu
+};

package/dist/components/form/autocomplete/autocomplete.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { cn } from "./../../../helpers/cn";

package/dist/components/form/autocomplete/index.d.ts

@@ -1 +1 @@
-export * from './autocomplete';
+export { Autocomplete } from './autocomplete';

package/dist/components/form/autocomplete/index.js

@@ -1 +1,4 @@
-export * from "./autocomplete";
+import { Autocomplete } from "./autocomplete";
+export {
+  Autocomplete
+};

package/dist/components/form/checkbox/checkbox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "./../../../helpers/cn";

package/dist/components/form/checkbox/index.d.ts

@@ -1 +1 @@
-export * from './checkbox';
+export { Checkbox } from './checkbox';

package/dist/components/form/checkbox/index.js

@@ -1 +1,4 @@
-export * from "./checkbox";
+import { Checkbox } from "./checkbox";
+export {
+  Checkbox
+};

package/dist/components/form/file-field/index.d.ts

@@ -1 +1 @@
-export * from './file-field';
+export { FileField, FileFieldProvider } from './file-field';

package/dist/components/form/file-field/index.js

@@ -1 +1,5 @@
-export * from "./file-field";
+import { FileField, FileFieldProvider } from "./file-field";
+export {
+  FileField,
+  FileFieldProvider
+};

package/dist/components/form/form-control/form-control.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 const FormControl = ({

package/dist/components/form/form-control/index.d.ts

@@ -1 +1 @@
-export * from './form-control';
+export { FormControl } from './form-control';

package/dist/components/form/form-control/index.js

@@ -1 +1,4 @@
-export * from "./form-control";
+import { FormControl } from "./form-control";
+export {
+  FormControl
+};

package/dist/components/form/number-field/index.d.ts

@@ -1 +1 @@
-export * from './number-field';
+export { NumberField } from './number-field';

package/dist/components/form/number-field/index.js

@@ -1 +1,4 @@
-export * from "./number-field";
+import { NumberField } from "./number-field";
+export {
+  NumberField
+};

package/dist/components/form/number-field/number-field.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "./../../../helpers/cn";

package/dist/components/form/radio/index.d.ts

@@ -1 +1 @@
-export * from './radio';
+export { Radio } from './radio';

package/dist/components/form/radio/index.js

@@ -1 +1,4 @@
-export * from "./radio";
+import { Radio } from "./radio";
+export {
+  Radio
+};

package/dist/components/form/range-field/range-field.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "./../../../helpers/cn";

package/dist/components/form/select/index.d.ts

@@ -1 +1 @@
-export * from './select';
+export { Select } from './select';

package/dist/components/form/select/index.js

@@ -1 +1,4 @@
-export * from "./select";
+import { Select } from "./select";
+export {
+  Select
+};

package/dist/components/form/text-field/index.d.ts

@@ -1 +1 @@
-export * from './text-field';
+export { TextField } from './text-field';

package/dist/components/form/text-field/index.js

@@ -1 +1,4 @@
-export * from "./text-field";
+import { TextField } from "./text-field";
+export {
+  TextField
+};

package/dist/components/form/textarea/index.d.ts

@@ -1 +1 @@
-export * from './textarea';
+export { Textarea } from './textarea';

package/dist/components/form/textarea/index.js

@@ -1 +1,4 @@
-export * from "./textarea";
+import { Textarea } from "./textarea";
+export {
+  Textarea
+};

package/dist/components/form/textarea/textarea.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { cn } from "./../../../helpers/cn";

package/dist/components/heading/index.d.ts

@@ -1 +1 @@
-export * from './heading';
+export { Heading } from './heading';

package/dist/components/heading/index.js

@@ -1 +1,4 @@
-export * from "./heading";
+import { Heading } from "./heading";
+export {
+  Heading
+};

package/dist/components/icon-button/index.d.ts

@@ -1 +1 @@
-export * from './icon-button';
+export { IconButton } from './icon-button';

package/dist/components/icon-button/index.js

@@ -1 +1,4 @@
-export * from "./icon-button";
+import { IconButton } from "./icon-button";
+export {
+  IconButton
+};

package/dist/components/icon-link/index.d.ts

@@ -1 +1 @@
-export * from './icon-link';
+export { IconLink } from './icon-link';

package/dist/components/icon-link/index.js

@@ -1 +1,4 @@
-export * from "./icon-link";
+import { IconLink } from "./icon-link";
+export {
+  IconLink
+};

package/dist/components/icons/index.d.ts

@@ -1,6 +1,6 @@
-export * from './arte-odyssey';
-export * from './github-mark';
-export * from './logo';
-export * from './lucide';
-export * from './qiita';
-export * from './twitter';
+export { ArteOdyssey } from './arte-odyssey';
+export { GitHubIcon } from './github-mark';
+export { Logo, LogoIcon } from './logo';
+export { AccessibilityIcon, AIIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FormIcon, GoodIcon, HistoryIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, } from './lucide';
+export { QiitaIcon } from './qiita';
+export { TwitterIcon } from './twitter';