@k8o/arte-odyssey 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/accordion/accordion.stories.js +12 -15
  2. package/dist/components/accordion/index.d.ts +14 -4
  3. package/dist/components/accordion/index.js +13 -4
  4. package/dist/components/breadcrumb/breadcrumb.d.ts +4 -4
  5. package/dist/components/dialog/dialog.d.ts +3 -3
  6. package/dist/components/dropdown-menu/dropdown-menu.d.ts +5 -5
  7. package/dist/components/list-box/list-box.d.ts +4 -4
  8. package/dist/components/popover/popover.d.ts +3 -3
  9. package/dist/components/tabs/tabs.d.ts +4 -4
  10. package/dist/components/tooltip/tooltip.d.ts +3 -3
  11. package/package.json +12 -12
package/dist/components/accordion/accordion.stories.js CHANGED
@@ -1,20 +1,17 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Accordion } from "./accordion";
3
- import { AccordionButton } from "./accordion-button";
4
- import { AccordionItem } from "./accordion-item";
5
- import { AccordionPanel } from "./accordion-panel";
2
+ import { Accordion } from ".";
6
3
  const meta = {
7
4
  title: "components/accordion",
8
- component: Accordion
5
+ component: Accordion.Root
9
6
  };
10
7
  var accordion_stories_default = meta;
11
8
  const Primary = {
12
9
  args: {},
13
10
  render: () => {
14
- return /* @__PURE__ */ jsxs(Accordion, { children: [
15
- /* @__PURE__ */ jsxs(AccordionItem, { children: [
16
- /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(AccordionButton, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u96E8\u30CB\u30E2\u30DE\u30B1\u30BA" }) }) }),
17
- /* @__PURE__ */ jsxs(AccordionPanel, { children: [
11
+ return /* @__PURE__ */ jsxs(Accordion.Root, { children: [
12
+ /* @__PURE__ */ jsxs(Accordion.Item, { children: [
13
+ /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(Accordion.Button, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u96E8\u30CB\u30E2\u30DE\u30B1\u30BA" }) }) }),
14
+ /* @__PURE__ */ jsxs(Accordion.Panel, { children: [
18
15
  /* @__PURE__ */ jsx("p", { children: "\u96E8\u30CB\u30E2\u30DE\u30B1\u30BA" }),
19
16
  /* @__PURE__ */ jsx("p", { children: "\u98A8\u30CB\u30E2\u30DE\u30B1\u30BA" }),
20
17
  /* @__PURE__ */ jsx("p", { children: "\u96EA\u30CB\u30E2\u590F\u30CE\u6691\u30B5\u30CB\u30E2\u30DE\u30B1\u30CC" }),
@@ -47,9 +44,9 @@ const Primary = {
47
44
  /* @__PURE__ */ jsx("p", { children: "\u30EF\u30BF\u30B7\u30CF\u30CA\u30EA\u30BF\u30A4" })
48
45
  ] })
49
46
  ] }),
50
- /* @__PURE__ */ jsxs(AccordionItem, { children: [
51
- /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(AccordionButton, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u3042\u3069\u3051\u306A\u3044\u8A71" }) }) }),
52
- /* @__PURE__ */ jsxs(AccordionPanel, { children: [
47
+ /* @__PURE__ */ jsxs(Accordion.Item, { children: [
48
+ /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(Accordion.Button, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u3042\u3069\u3051\u306A\u3044\u8A71" }) }) }),
49
+ /* @__PURE__ */ jsxs(Accordion.Panel, { children: [
53
50
  /* @__PURE__ */ jsx("p", { children: "\u667A\u6075\u5B50\u306F\u6771\u4EAC\u306B\u7A7A\u304C\u7121\u3044\u3068\u3044\u3075\u3001" }),
54
51
  /* @__PURE__ */ jsx("p", { children: "\u307B\u3093\u3068\u306E\u7A7A\u304C\u898B\u305F\u3044\u3068\u3044\u3075\u3002" }),
55
52
  /* @__PURE__ */ jsx("p", { children: "\u79C1\u306F\u9A5A\u3044\u3066\u7A7A\u3092\u898B\u308B\u3002" }),
@@ -65,9 +62,9 @@ const Primary = {
65
62
  /* @__PURE__ */ jsx("p", { children: "\u3042\u3069\u3051\u306A\u3044\u7A7A\u306E\u8A71\u3067\u3042\u308B\u3002" })
66
63
  ] })
67
64
  ] }),
68
- /* @__PURE__ */ jsxs(AccordionItem, { children: [
69
- /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(AccordionButton, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u304B\u306A\u3057\u307F" }) }) }),
70
- /* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
65
+ /* @__PURE__ */ jsxs(Accordion.Item, { children: [
66
+ /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsx(Accordion.Button, { children: /* @__PURE__ */ jsx("p", { className: "text-lg", children: "\u304B\u306A\u3057\u307F" }) }) }),
67
+ /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
71
68
  /* @__PURE__ */ jsxs("div", { children: [
72
69
  /* @__PURE__ */ jsx("p", { children: "\u3042\u306E\u9752\u3044\u7A7A\u306E\u6CE2\u306E\u97F3\u304C\u805E\u3048\u308B\u3042\u305F\u308A\u306B" }),
73
70
  /* @__PURE__ */ jsx("p", { children: "\u4F55\u304B\u3068\u3093\u3067\u3082\u306A\u3044\u304A\u3068\u3057\u7269\u3092" }),
package/dist/components/accordion/index.d.ts CHANGED
@@ -1,4 +1,14 @@
1
- export * from './accordion';
2
- export * from './accordion-button';
3
- export * from './accordion-item';
4
- export * from './accordion-panel';
1
+ export declare const Accordion: {
2
+ readonly Root: React.FC<{
3
+ children?: React.ReactNode | undefined;
4
+ }>;
5
+ readonly Button: React.FC<{
6
+ children?: React.ReactNode | undefined;
7
+ }>;
8
+ readonly Item: React.FC<React.PropsWithChildren<{
9
+ defaultOpen?: boolean;
10
+ }>>;
11
+ readonly Panel: React.FC<{
12
+ children?: React.ReactNode | undefined;
13
+ }>;
14
+ };
package/dist/components/accordion/index.js CHANGED
@@ -1,4 +1,13 @@
1
- export * from "./accordion";
2
- export * from "./accordion-button";
3
- export * from "./accordion-item";
4
- export * from "./accordion-panel";
1
+ import { Accordion as Root } from "./accordion";
2
+ import { AccordionButton } from "./accordion-button";
3
+ import { AccordionItem } from "./accordion-item";
4
+ import { AccordionPanel } from "./accordion-panel";
5
+ const Accordion = {
6
+ Root,
7
+ Button: AccordionButton,
8
+ Item: AccordionItem,
9
+ Panel: AccordionPanel
10
+ };
11
+ export {
12
+ Accordion
13
+ };
package/dist/components/breadcrumb/breadcrumb.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import type { FC, PropsWithChildren } from 'react';
2
2
  export declare const Breadcrumb: {
3
- List: FC<PropsWithChildren<{
3
+ readonly List: FC<PropsWithChildren<{
4
4
  size?: "sm" | "md" | "lg";
5
5
  }>>;
6
- Item: FC<{
6
+ readonly Item: FC<{
7
7
  children?: React.ReactNode | undefined;
8
8
  }>;
9
- Separator: FC;
10
- Link: FC<PropsWithChildren<{
9
+ readonly Separator: FC;
10
+ readonly Link: FC<PropsWithChildren<{
11
11
  href: string;
12
12
  current?: boolean;
13
13
  component?: FC<{
package/dist/components/dialog/dialog.d.ts CHANGED
@@ -1,17 +1,17 @@
1
1
  import { type FC, type PropsWithChildren, type Ref } from 'react';
2
2
  export declare const Content: FC<PropsWithChildren>;
3
3
  export declare const Dialog: {
4
- Root: FC<PropsWithChildren<{
4
+ readonly Root: FC<PropsWithChildren<{
5
5
  ref?: Ref<HTMLElement> | undefined;
6
6
  id?: string | undefined;
7
7
  tabIndex?: number | undefined;
8
8
  role?: string | undefined;
9
9
  }>>;
10
- Header: FC<{
10
+ readonly Header: FC<{
11
11
  title: string;
12
12
  onClose: () => void;
13
13
  }>;
14
- Content: FC<{
14
+ readonly Content: FC<{
15
15
  children?: React.ReactNode | undefined;
16
16
  }>;
17
17
  };
package/dist/components/dropdown-menu/dropdown-menu.d.ts CHANGED
@@ -2,22 +2,22 @@ import { type Placement } from '@floating-ui/react';
2
2
  import { type ComponentProps, type FC, type MouseEventHandler, type PropsWithChildren, type ReactNode } from 'react';
3
3
  import { Button } from '../button';
4
4
  export declare const DropdownMenu: {
5
- Root: FC<PropsWithChildren<{
5
+ readonly Root: FC<PropsWithChildren<{
6
6
  placement?: Placement;
7
7
  }>>;
8
- Content: FC<{
8
+ readonly Content: FC<{
9
9
  children?: ReactNode | undefined;
10
10
  }>;
11
- Item: FC<{
11
+ readonly Item: FC<{
12
12
  onClick: MouseEventHandler;
13
13
  label: string;
14
14
  }>;
15
- Trigger: FC<{
15
+ readonly Trigger: FC<{
16
16
  text: string;
17
17
  size?: ComponentProps<typeof Button>["size"];
18
18
  variant?: ComponentProps<typeof Button>["variant"];
19
19
  }>;
20
- IconTrigger: FC<{
20
+ readonly IconTrigger: FC<{
21
21
  icon: ReactNode;
22
22
  label: string;
23
23
  }>;
package/dist/components/list-box/list-box.d.ts CHANGED
@@ -3,19 +3,19 @@ import { type ComponentProps, type FC, type PropsWithChildren, type ReactElement
3
3
  import { Button } from '../button';
4
4
  import { type Option } from './hooks';
5
5
  export declare const ListBox: {
6
- Root: FC<PropsWithChildren<{
6
+ readonly Root: FC<PropsWithChildren<{
7
7
  placement?: Placement;
8
8
  options: Option[];
9
9
  value: Option["key"] | undefined;
10
10
  onSelect: (key: Option["key"]) => void;
11
11
  }>>;
12
- Content: FC<{
12
+ readonly Content: FC<{
13
13
  helpContent?: ReactElement;
14
14
  }>;
15
- Trigger: FC<{
15
+ readonly Trigger: FC<{
16
16
  size?: ComponentProps<typeof Button>["size"];
17
17
  }>;
18
- TriggerIcon: FC<{
18
+ readonly TriggerIcon: FC<{
19
19
  size?: ComponentProps<typeof Button>["size"];
20
20
  icon: ReactElement;
21
21
  }>;
package/dist/components/popover/popover.d.ts CHANGED
@@ -3,16 +3,16 @@ import { type Variants } from 'motion/react';
3
3
  import { type FC, type HTMLProps, type PropsWithChildren, type ReactElement } from 'react';
4
4
  export { useOpenContext } from './hooks';
5
5
  export declare const Popover: {
6
- Root: FC<PropsWithChildren<{
6
+ readonly Root: FC<PropsWithChildren<{
7
7
  placement?: Placement;
8
8
  type?: "dialog" | "menu" | "tooltip" | "listbox";
9
9
  flipDisabled?: boolean;
10
10
  }>>;
11
- Content: FC<{
11
+ readonly Content: FC<{
12
12
  renderItem: (props: Record<string, unknown>) => ReactElement;
13
13
  motionVariants?: Variants;
14
14
  }>;
15
- Trigger: FC<{
15
+ readonly Trigger: FC<{
16
16
  renderItem: (props: Omit<HTMLProps<HTMLButtonElement>, "selected" | "active" | "color">) => ReactElement;
17
17
  }>;
18
18
  };
package/dist/components/tabs/tabs.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  import { type FC, type PropsWithChildren } from 'react';
2
2
  export declare const Tabs: {
3
- Root: FC<PropsWithChildren<{
3
+ readonly Root: FC<PropsWithChildren<{
4
4
  defaultSelectedId?: string | null;
5
5
  ids: [string, ...string[]];
6
6
  }>>;
7
- List: FC<PropsWithChildren<{
7
+ readonly List: FC<PropsWithChildren<{
8
8
  label: string;
9
9
  }>>;
10
- Tab: FC<PropsWithChildren<{
10
+ readonly Tab: FC<PropsWithChildren<{
11
11
  id: string;
12
12
  }>>;
13
- Panel: FC<PropsWithChildren<{
13
+ readonly Panel: FC<PropsWithChildren<{
14
14
  id: string;
15
15
  }>>;
16
16
  };
package/dist/components/tooltip/tooltip.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import type { Placement } from '@floating-ui/react';
2
2
  import type { FC, PropsWithChildren, ReactElement } from 'react';
3
3
  export declare const Tooltip: {
4
- Root: FC<PropsWithChildren<{
4
+ readonly Root: FC<PropsWithChildren<{
5
5
  placement?: Placement;
6
6
  }>>;
7
- Trigger: FC<{
7
+ readonly Trigger: FC<{
8
8
  renderItem: (props: Record<string, unknown>) => ReactElement;
9
9
  }>;
10
- Content: FC<{
10
+ readonly Content: FC<{
11
11
  children?: React.ReactNode | undefined;
12
12
  }>;
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@k8o/arte-odyssey",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "description": "k8o's react ui library",
5
5
  "author": "k8o <kosakanoki@gmail.com>",
6
6
  "keywords": [
@@ -55,7 +55,7 @@
55
55
  "@floating-ui/react": "0.27.15",
56
56
  "baseline-status": "1.0.11",
57
57
  "clsx": "2.1.1",
58
- "esbuild": "0.25.8",
58
+ "esbuild": "0.25.9",
59
59
  "lucide-react": "0.539.0",
60
60
  "motion": "12.23.12",
61
61
  "react-error-boundary": "6.0.0",
@@ -63,11 +63,11 @@
63
63
  },
64
64
  "devDependencies": {
65
65
  "@chromatic-com/storybook": "4.1.0",
66
- "@storybook/addon-a11y": "9.1.1",
67
- "@storybook/addon-docs": "9.1.1",
68
- "@storybook/addon-vitest": "9.1.1",
69
- "@storybook/react-vite": "9.1.1",
70
- "@tailwindcss/postcss": "4.1.11",
66
+ "@storybook/addon-a11y": "9.1.2",
67
+ "@storybook/addon-docs": "9.1.2",
68
+ "@storybook/addon-vitest": "9.1.2",
69
+ "@storybook/react-vite": "9.1.2",
70
+ "@tailwindcss/postcss": "4.1.12",
71
71
  "@testing-library/dom": "10.4.1",
72
72
  "@testing-library/react": "16.3.0",
73
73
  "@types/react": "19.1.10",
@@ -76,12 +76,12 @@
76
76
  "@vitest/browser": "3.2.4",
77
77
  "@vitest/ui": "3.2.4",
78
78
  "postcss": "8.5.6",
79
- "react": "19.1.0",
80
- "react-dom": "19.1.0",
81
- "storybook": "9.1.1",
79
+ "react": "19.1.1",
80
+ "react-dom": "19.1.1",
81
+ "storybook": "9.1.2",
82
82
  "storybook-addon-mock-date": "1.0.1",
83
- "tailwindcss": "4.1.11",
84
- "vite": "7.1.1",
83
+ "tailwindcss": "4.1.12",
84
+ "vite": "7.1.2",
85
85
  "vitest": "3.2.4"
86
86
  },
87
87
  "peerDependencies": {