@k8o/arte-odyssey 0.0.4 → 0.0.6

package/dist/components/accordion/accordion.stories.js

@@ -1,20 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Accordion } from "./accordion";
-import { AccordionButton } from "./accordion-button";
-import { AccordionItem } from "./accordion-item";
-import { AccordionPanel } from "./accordion-panel";
+import { Accordion } from ".";
 const meta = {
   title: "components/accordion",
-  component: Accordion
+  component: Accordion.Root
 };
 var accordion_stories_default = meta;
 const Primary = {
   args: {},
   render: () => {
-    return /* @__PURE__ */ jsxs(Accordion, { children: [
-      /* @__PURE__ */ jsxs(AccordionItem, { children: [
-        /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(AccordionButton, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u96E8\u30CB\u30E2\u30DE\u30B1\u30BA" }) }) }),
-        /* @__PURE__ */ jsxs(AccordionPanel, { children: [
+    return /* @__PURE__ */ jsxs(Accordion.Root, { children: [
+      /* @__PURE__ */ jsxs(Accordion.Item, { children: [
+        /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(Accordion.Button, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u96E8\u30CB\u30E2\u30DE\u30B1\u30BA" }) }) }),
+        /* @__PURE__ */ jsxs(Accordion.Panel, { children: [
           /* @__PURE__ */ jsx("p", { children: "\u96E8\u30CB\u30E2\u30DE\u30B1\u30BA" }),
           /* @__PURE__ */ jsx("p", { children: "\u98A8\u30CB\u30E2\u30DE\u30B1\u30BA" }),
           /* @__PURE__ */ jsx("p", { children: "\u96EA\u30CB\u30E2\u590F\u30CE\u6691\u30B5\u30CB\u30E2\u30DE\u30B1\u30CC" }),
@@ -47,9 +44,9 @@ const Primary = {
           /* @__PURE__ */ jsx("p", { children: "\u30EF\u30BF\u30B7\u30CF\u30CA\u30EA\u30BF\u30A4" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(AccordionItem, { children: [
-        /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(AccordionButton, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u3042\u3069\u3051\u306A\u3044\u8A71" }) }) }),
-        /* @__PURE__ */ jsxs(AccordionPanel, { children: [
+      /* @__PURE__ */ jsxs(Accordion.Item, { children: [
+        /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(Accordion.Button, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u3042\u3069\u3051\u306A\u3044\u8A71" }) }) }),
+        /* @__PURE__ */ jsxs(Accordion.Panel, { children: [
           /* @__PURE__ */ jsx("p", { children: "\u667A\u6075\u5B50\u306F\u6771\u4EAC\u306B\u7A7A\u304C\u7121\u3044\u3068\u3044\u3075\u3001" }),
           /* @__PURE__ */ jsx("p", { children: "\u307B\u3093\u3068\u306E\u7A7A\u304C\u898B\u305F\u3044\u3068\u3044\u3075\u3002" }),
           /* @__PURE__ */ jsx("p", { children: "\u79C1\u306F\u9A5A\u3044\u3066\u7A7A\u3092\u898B\u308B\u3002" }),
@@ -65,9 +62,9 @@ const Primary = {
           /* @__PURE__ */ jsx("p", { children: "\u3042\u3069\u3051\u306A\u3044\u7A7A\u306E\u8A71\u3067\u3042\u308B\u3002" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(AccordionItem, { children: [
-        /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(AccordionButton, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u304B\u306A\u3057\u307F" }) }) }),
-        /* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs(Accordion.Item, { children: [
+        /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(Accordion.Button, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u304B\u306A\u3057\u307F" }) }) }),
+        /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("p", { children: "\u3042\u306E\u9752\u3044\u7A7A\u306E\u6CE2\u306E\u97F3\u304C\u805E\u3048\u308B\u3042\u305F\u308A\u306B" }),
             /* @__PURE__ */ jsx("p", { children: "\u4F55\u304B\u3068\u3093\u3067\u3082\u306A\u3044\u304A\u3068\u3057\u7269\u3092" }),

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

@@ -1,4 +1,14 @@
-export * from './accordion';
-export * from './accordion-button';
-export * from './accordion-item';
-export * from './accordion-panel';
+export declare const Accordion: {
+    readonly Root: React.FC<{
+        children?: React.ReactNode | undefined;
+    }>;
+    readonly Button: React.FC<{
+        children?: React.ReactNode | undefined;
+    }>;
+    readonly Item: React.FC<React.PropsWithChildren<{
+        defaultOpen?: boolean;
+    }>>;
+    readonly Panel: React.FC<{
+        children?: React.ReactNode | undefined;
+    }>;
+};

package/dist/components/accordion/index.js

@@ -1,4 +1,13 @@
-export * from "./accordion";
-export * from "./accordion-button";
-export * from "./accordion-item";
-export * from "./accordion-panel";
+import { Accordion as Root } from "./accordion";
+import { AccordionButton } from "./accordion-button";
+import { AccordionItem } from "./accordion-item";
+import { AccordionPanel } from "./accordion-panel";
+const Accordion = {
+  Root,
+  Button: AccordionButton,
+  Item: AccordionItem,
+  Panel: AccordionPanel
+};
+export {
+  Accordion
+};

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

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
-export declare const Anchor: ({ href, children, openInNewTab, renderAnchor, }: {
-    href: string;
+export declare const Anchor: <T extends string>({ href, children, openInNewTab, renderAnchor, }: {
+    href: T;
     children: ReactNode;
     openInNewTab?: boolean;
     renderAnchor?: (props: {
         type: "internal" | "external";
-        href: string;
+        href: NoInfer<T>;
         className: string;
         target?: string;
         rel?: string;

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

@@ -1,18 +1,18 @@
 import type { FC, PropsWithChildren } from 'react';
 export declare const Breadcrumb: {
-    List: FC<PropsWithChildren<{
+    readonly List: FC<PropsWithChildren<{
         size?: "sm" | "md" | "lg";
     }>>;
-    Item: FC<{
+    readonly Item: FC<{
         children?: React.ReactNode | undefined;
     }>;
-    Separator: FC;
-    Link: FC<PropsWithChildren<{
-        href: string;
+    readonly Separator: FC;
+    readonly Link: <T extends string>({ href, current, children, component, }: PropsWithChildren<{
+        href: T;
         current?: boolean;
         component?: FC<{
-            href: string;
+            href: T;
             className: string;
         }>;
-    }>>;
+    }>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/breadcrumb/breadcrumb.js

@@ -21,7 +21,12 @@ const Item = ({ children }) => {
 const Separator = () => {
   return /* @__PURE__ */ jsx("li", { className: "text-fg-mute", children: /* @__PURE__ */ jsx(ChevronIcon, { direction: "right", size: "sm" }) });
 };
-const _Link = ({ href, current = false, children, component }) => {
+const _Link = ({
+  href,
+  current = false,
+  children,
+  component
+}) => {
   const Link = component ?? "a";
   return current ? /* @__PURE__ */ jsx("span", { className: "text-fg-base", children }) : /* @__PURE__ */ jsx(Link, { className: "text-fg-mute underline hover:text-fg-base", href, children });
 };

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

@@ -1,17 +1,17 @@
 import { type FC, type PropsWithChildren, type Ref } from 'react';
 export declare const Content: FC<PropsWithChildren>;
 export declare const Dialog: {
-    Root: FC<PropsWithChildren<{
+    readonly Root: FC<PropsWithChildren<{
         ref?: Ref<HTMLElement> | undefined;
         id?: string | undefined;
         tabIndex?: number | undefined;
         role?: string | undefined;
     }>>;
-    Header: FC<{
+    readonly Header: FC<{
         title: string;
         onClose: () => void;
     }>;
-    Content: FC<{
+    readonly Content: FC<{
         children?: React.ReactNode | undefined;
     }>;
 };

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

@@ -2,22 +2,22 @@ import { type Placement } from '@floating-ui/react';
 import { type ComponentProps, type FC, type MouseEventHandler, type PropsWithChildren, type ReactNode } from 'react';
 import { Button } from '../button';
 export declare const DropdownMenu: {
-    Root: FC<PropsWithChildren<{
+    readonly Root: FC<PropsWithChildren<{
         placement?: Placement;
     }>>;
-    Content: FC<{
+    readonly Content: FC<{
         children?: ReactNode | undefined;
     }>;
-    Item: FC<{
+    readonly Item: FC<{
         onClick: MouseEventHandler;
         label: string;
     }>;
-    Trigger: FC<{
+    readonly Trigger: FC<{
         text: string;
         size?: ComponentProps<typeof Button>["size"];
         variant?: ComponentProps<typeof Button>["variant"];
     }>;
-    IconTrigger: FC<{
+    readonly IconTrigger: FC<{
         icon: ReactNode;
         label: string;
     }>;

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

@@ -1,17 +1,15 @@
-import type { FC, PropsWithChildren, ReactNode } from 'react';
-type IconLinkProps = PropsWithChildren<{
-    size?: 'sm' | 'md' | 'lg';
-    bg?: 'transparent' | 'base';
+import type { PropsWithChildren, ReactNode } from 'react';
+export declare const IconLink: <T extends string>({ size, bg, label, href, children, openInNewTab, renderAnchor, }: PropsWithChildren<{
+    size?: "sm" | "md" | "lg";
+    bg?: "transparent" | "base";
     label?: string;
-    href: string;
+    href: T;
     openInNewTab?: boolean;
     renderAnchor?: (props: {
-        href: string;
+        href: NoInfer<T>;
         className: string;
         target?: string;
         rel?: string;
         children: ReactNode;
     }) => ReactNode;
-}>;
-export declare const IconLink: FC<IconLinkProps>;
-export {};
+}>) => ReactNode;

package/dist/components/link-button/link-button.d.ts

@@ -1,19 +1,19 @@
-import type { FC, ReactNode } from 'react';
-export declare const LinkButton: FC<{
-    variant?: 'contained' | 'outlined' | 'skeleton';
-    size?: 'sm' | 'md' | 'lg';
-    href: string;
+import type { ReactNode } from 'react';
+export declare const LinkButton: <T extends string>({ children, size, variant, href, startIcon, endIcon, active, openInNewTab, renderAnchor, }: {
+    variant?: "contained" | "outlined" | "skeleton";
+    size?: "sm" | "md" | "lg";
+    href: T;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
     active?: boolean;
     openInNewTab?: boolean;
     children: string;
     renderAnchor?: (props: {
-        'aria-label'?: string;
-        href: string;
+        "aria-label"?: string;
+        href: NoInfer<T>;
         className: string;
         target?: string;
         rel?: string;
         children: ReactNode;
     }) => ReactNode;
-}>;
+}) => ReactNode;

package/dist/components/list-box/list-box.d.ts

@@ -3,19 +3,19 @@ import { type ComponentProps, type FC, type PropsWithChildren, type ReactElement
 import { Button } from '../button';
 import { type Option } from './hooks';
 export declare const ListBox: {
-    Root: FC<PropsWithChildren<{
+    readonly Root: FC<PropsWithChildren<{
         placement?: Placement;
         options: Option[];
         value: Option["key"] | undefined;
         onSelect: (key: Option["key"]) => void;
     }>>;
-    Content: FC<{
+    readonly Content: FC<{
         helpContent?: ReactElement;
     }>;
-    Trigger: FC<{
+    readonly Trigger: FC<{
         size?: ComponentProps<typeof Button>["size"];
     }>;
-    TriggerIcon: FC<{
+    readonly TriggerIcon: FC<{
         size?: ComponentProps<typeof Button>["size"];
         icon: ReactElement;
     }>;

package/dist/components/popover/popover.d.ts

@@ -3,16 +3,16 @@ import { type Variants } from 'motion/react';
 import { type FC, type HTMLProps, type PropsWithChildren, type ReactElement } from 'react';
 export { useOpenContext } from './hooks';
 export declare const Popover: {
-    Root: FC<PropsWithChildren<{
+    readonly Root: FC<PropsWithChildren<{
         placement?: Placement;
         type?: "dialog" | "menu" | "tooltip" | "listbox";
         flipDisabled?: boolean;
     }>>;
-    Content: FC<{
+    readonly Content: FC<{
         renderItem: (props: Record<string, unknown>) => ReactElement;
         motionVariants?: Variants;
     }>;
-    Trigger: FC<{
+    readonly Trigger: FC<{
         renderItem: (props: Omit<HTMLProps<HTMLButtonElement>, "selected" | "active" | "color">) => ReactElement;
     }>;
 };

package/dist/components/tabs/tabs.d.ts

@@ -1,16 +1,16 @@
 import { type FC, type PropsWithChildren } from 'react';
 export declare const Tabs: {
-    Root: FC<PropsWithChildren<{
+    readonly Root: FC<PropsWithChildren<{
         defaultSelectedId?: string | null;
         ids: [string, ...string[]];
     }>>;
-    List: FC<PropsWithChildren<{
+    readonly List: FC<PropsWithChildren<{
         label: string;
     }>>;
-    Tab: FC<PropsWithChildren<{
+    readonly Tab: FC<PropsWithChildren<{
         id: string;
     }>>;
-    Panel: FC<PropsWithChildren<{
+    readonly Panel: FC<PropsWithChildren<{
         id: string;
     }>>;
 };

package/dist/components/tooltip/tooltip.d.ts

@@ -1,13 +1,13 @@
 import type { Placement } from '@floating-ui/react';
 import type { FC, PropsWithChildren, ReactElement } from 'react';
 export declare const Tooltip: {
-    Root: FC<PropsWithChildren<{
+    readonly Root: FC<PropsWithChildren<{
         placement?: Placement;
     }>>;
-    Trigger: FC<{
+    readonly Trigger: FC<{
         renderItem: (props: Record<string, unknown>) => ReactElement;
     }>;
-    Content: FC<{
+    readonly Content: FC<{
         children?: React.ReactNode | undefined;
     }>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8o/arte-odyssey",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "k8o's react ui library",
   "author": "k8o <kosakanoki@gmail.com>",
   "keywords": [
@@ -87,10 +87,10 @@
   "peerDependencies": {
     "@types/react": ">=19.0.0",
     "@types/react-dom": ">=19.0.0",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
-    "tailwindcss": "4.1.12",
-    "typescript": "5.9.2"
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "tailwindcss": ">=4.0.0",
+    "typescript": ">=5.9.0"
   },
   "scripts": {
     "build": "pnpm run build:clean && pnpm build:js && pnpm build:css",