@k8o/arte-odyssey 2.0.1 → 3.0.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,20 @@
-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(
+}) => /* @__PURE__ */ jsx(
   "section",
   {
     className: cn(
-      "overflow-hidden rounded-lg shadow-sm",
+      "rounded-lg shadow-sm",
       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,20 +14,24 @@ 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 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" }) }) })
@@ -35,6 +41,5 @@ export {
   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,20 @@
-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(
+  width = "full"
+}) => /* @__PURE__ */ jsx(
   "section",
   {
     className: cn(
-      "overflow-hidden rounded-lg shadow-sm transition-transform hover:scale-[1.02] active:scale-[0.98]",
+      "rounded-lg shadow-sm transition-transform hover:scale-[1.02] active:scale-[0.98]",
       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,5 @@
 import type { PropsWithChildren } from 'react';
 export type CardProps = PropsWithChildren<{
     variant?: 'primary' | 'secondary';
-    title?: string;
     width?: 'full' | 'fit';
 }>;

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/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";
@@ -107,7 +108,7 @@ const NumberField = ({
             "button",
             {
               className: cn(
-                "flex w-6 grow items-center justify-center rounded-tr-sm border-border-base border-b border-l bg-bg-mute",
+                "flex w-6 grow items-center justify-center rounded-tr-lg border-border-base border-b border-l bg-bg-mute",
                 "disabled:cursor-not-allowed"
               ),
               disabled: isDisabled,
@@ -132,7 +133,7 @@ const NumberField = ({
             "button",
             {
               className: cn(
-                "flex w-6 grow items-center justify-center rounded-br-sm border-border-base border-l bg-bg-mute",
+                "flex w-6 grow items-center justify-center rounded-br-lg border-border-base border-l bg-bg-mute",
                 "disabled:cursor-not-allowed"
               ),
               disabled: isDisabled,

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 { AIIcon, AlertIcon, 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, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, SlideIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, } from './lucide';
+export { QiitaIcon } from './qiita';
+export { TwitterIcon } from './twitter';

package/dist/components/icons/index.js

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