lism-css 0.9.4 → 0.10.1

package/dist/components/Dummy/Dummy.d.ts

@@ -1,10 +1,7 @@
-import { ElementType } from 'react';
 import { LismComponentProps } from '../Lism';
-type DummyProps<T extends ElementType = 'p'> = LismComponentProps<T> & {
-    pre?: string;
-    length?: string;
-    lang?: 'ja' | 'en' | 'ar';
-    offset?: number;
-};
-export default function Dummy<T extends ElementType = 'p'>({ pre, length, lang, offset, ...props }: DummyProps<T>): import("react").JSX.Element;
-export {};
+/**
+ * @deprecated DummyText / DummyImage (@lism-css/ui) を使用してください。
+ */
+export default function Dummy({ lang, ...props }: LismComponentProps & {
+    lang?: string;
+}): import("react").JSX.Element;

package/dist/components/Dummy/index.js

@@ -1,13 +1,8 @@
-import { jsx as n } from "react/jsx-runtime";
-import g from "./getContent.js";
-import e from "../Lism/index.js";
-function d({ pre: i = "", length: o = "m", lang: r = "en", offset: s = 0, ...t }) {
-  const m = t.as || "p";
-  if (m === "img")
-    return /* @__PURE__ */ n(e, { as: "img", src: "https://cdn.lism-css.com/dummy-image.jpg", width: 600, height: 400, alt: "", ...t });
-  const a = g({ tag: m, pre: i, lang: r, length: o, offset: s });
-  return /* @__PURE__ */ n(e, { ...t, dangerouslySetInnerHTML: { __html: a } });
+import { jsx as e } from "react/jsx-runtime";
+import i from "../Lism/index.js";
+function u({ lang: m = "en", ...s }) {
+  return /* @__PURE__ */ e(i, { as: "p", ...s, children: m === "ja" ? "Lorem ipsum dolor sit amet... ⚠️Dummy は非推奨コンポーネントです。@lism-css/ui のDummyTextをご利用ください" : "Lorem ipsum dolor sit amet... ⚠️Dummy is deprecated. Please use DummyText from @lism-css/ui" });
 }
 export {
-  d as default
+  u as default
 };

package/dist/components/Group/Group.d.ts

@@ -0,0 +1,3 @@
+import { ElementType } from 'react';
+import { LismComponentProps } from '../Lism';
+export default function Group<T extends ElementType = 'div'>({ as, ...props }: LismComponentProps<T>): import("react").JSX.Element;

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

@@ -0,0 +1 @@
+export { default as Group } from './Group';

package/dist/components/Group/index.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "../Lism/index.js";
+function p({ as: r, ...o }) {
+  return /* @__PURE__ */ t(i, { as: r ?? "div", ...o });
+}
+export {
+  p as default
+};

package/dist/components/HTML/HTML.d.ts

@@ -1,16 +1,26 @@
 import { LismComponentProps } from '../Lism';
+/** @deprecated Group を使用してください */
 export declare function div(props: LismComponentProps<'div'>): import("react").JSX.Element;
+/** @deprecated Text を使用してください */
 export declare function p(props: LismComponentProps<'p'>): import("react").JSX.Element;
+/** @deprecated Inline を使用してください */
 export declare function span(props: LismComponentProps<'span'>): import("react").JSX.Element;
+/** @deprecated Link を使用してください */
 export declare function a(props: LismComponentProps<'a'>): import("react").JSX.Element;
 type HeadingLevel = '1' | '2' | '3' | '4' | '5' | '6';
 type HeadingProps = LismComponentProps<'h1'> & {
     lv?: HeadingLevel;
 };
+/** @deprecated Heading を使用してください */
 export declare function h({ lv, ...props }: HeadingProps): import("react").JSX.Element;
+/** @deprecated Media を使用してください */
 export declare function img(props: LismComponentProps<'img'>): import("react").JSX.Element;
+/** @deprecated List を使用してください */
 export declare function ul(props: LismComponentProps<'ul'>): import("react").JSX.Element;
+/** @deprecated List as="ol" を使用してください */
 export declare function ol(props: LismComponentProps<'ol'>): import("react").JSX.Element;
+/** @deprecated ListItem を使用してください */
 export declare function li(props: LismComponentProps<'li'>): import("react").JSX.Element;
+/** @deprecated Lism as="button" を使用してください */
 export declare function button(props: LismComponentProps<'button'>): import("react").JSX.Element;
 export {};

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,7 @@
+import { LismComponentProps } from '../Lism';
+type HeadingLevel = '1' | '2' | '3' | '4' | '5' | '6';
+type HeadingProps = LismComponentProps<'h1'> & {
+    level?: HeadingLevel;
+};
+export default function Heading({ level, ...props }: HeadingProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { default as Heading } from './Heading';

package/dist/components/Heading/index.js

@@ -0,0 +1,9 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "../Lism/index.js";
+function s({ level: t = "2", ...o }) {
+  const r = `h${t}`;
+  return /* @__PURE__ */ a(i, { as: r, ...o });
+}
+export {
+  s as default
+};

package/dist/components/Inline/Inline.d.ts

@@ -0,0 +1,3 @@
+import { ElementType } from 'react';
+import { LismComponentProps } from '../Lism';
+export default function Inline<T extends ElementType = 'span'>({ as, ...props }: LismComponentProps<T>): import("react").JSX.Element;

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

@@ -0,0 +1 @@
+export { default as Inline } from './Inline';

package/dist/components/Inline/index.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "../Lism/index.js";
+function s({ as: r, ...n }) {
+  return /* @__PURE__ */ o(t, { as: r ?? "span", ...n });
+}
+export {
+  s as default
+};

package/dist/components/Layer/Layer.d.ts

@@ -1,6 +1,5 @@
 import { ElementType } from 'react';
 import { LismComponentProps } from '../Lism';
-import { FilterProps } from '../getFilterProps';
-type LayerProps<T extends ElementType = 'div'> = LismComponentProps<T> & FilterProps;
+type LayerProps<T extends ElementType = 'div'> = LismComponentProps<T>;
 export default function Layer<T extends ElementType = 'div'>(props: LayerProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/Layer/index.js

@@ -1,9 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import o from "../getFilterProps.js";
 import e from "../Lism/index.js";
-function a(r) {
-  return /* @__PURE__ */ t(e, { isLayer: !0, ...o(r, "backdropFilter") });
+function m(r) {
+  return /* @__PURE__ */ t(e, { isLayer: !0, ...r });
 }
 export {
-  a as default
+  m as default
 };

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,2 @@
+import { LismComponentProps } from '../Lism';
+export default function Link(props: LismComponentProps<'a'>): import("react").JSX.Element;

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

@@ -0,0 +1 @@
+export { default as Link } from './Link';

package/dist/components/Link/index.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "../Lism/index.js";
+function a(r) {
+  return /* @__PURE__ */ o(t, { as: "a", ...r });
+}
+export {
+  a as default
+};

package/dist/components/LinkBox/LinkBox.d.ts

@@ -1,4 +1,5 @@
+import { ElementType } from 'react';
 import { LismComponentProps } from '../Lism';
-type LinkBoxProps = LismComponentProps<'a'>;
-export default function LinkBox({ children, ...props }: LinkBoxProps): import("react").JSX.Element;
+type LinkBoxProps<T extends ElementType = 'a'> = LismComponentProps<T>;
+export default function LinkBox<T extends ElementType = 'a'>({ as, children, ...props }: LinkBoxProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/LinkBox/index.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
-import s from "../Lism/index.js";
-function n({ children: t, ...r }) {
-  const o = !!r.href ? "a" : "div";
-  return /* @__PURE__ */ i(s, { isLinkBox: !0, as: o, ...r, children: t });
+import e from "../Lism/index.js";
+function m({ as: r, children: o, ...t }) {
+  const a = !!!t.href && (r ?? "a") === "a" ? "div" : r ?? "a";
+  return /* @__PURE__ */ i(e, { isLinkBox: !0, as: a, ...t, children: o });
 }
 export {
-  n as default
+  m as default
 };

package/dist/components/Lism/Lism.d.ts

@@ -1,30 +1,29 @@
-import { ComponentPropsWithoutRef, CSSProperties, ElementType, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, CSSProperties, ElementType, HTMLAttributes, ReactNode } from 'react';
 import { LismProps } from '../../lib/getLismProps';
 import { LayoutSpecificProps } from '../../lib/types/LayoutProps';
 type ReactStyleWithCustomProps = CSSProperties & Record<`--${string}`, string | number | undefined>;
-/** HTML 要素 Props と共通オプションの基底型 */
-type LismBaseProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, keyof LismProps | 'style'> & {
-    /** レンダリングするコンポーネントまたは要素 */
+/** 要素固有の HTML Props + 共通オプション */
+type LismElementProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'style'> & {
     as?: T;
-    /** 子要素 */
     children?: ReactNode;
-    /** getLismProps を経由せずに直接渡す追加の props */
     exProps?: Record<string, unknown>;
     /** React では camelCase のみ有効（kebab-case は実行時に無視される） */
     style?: ReactStyleWithCustomProps;
 };
+/** HTML 属性のベースライン（T がジェネリクスのままでも id 等が補完される） */
+type LismHtmlBaseProps = Omit<HTMLAttributes<HTMLElement>, 'style'>;
 /**
  * Lism コンポーネントの Props 型
  * @template T - レンダリングする要素の型（デフォルトは 'div'）
  */
-export type LismComponentProps<T extends ElementType = 'div'> = Omit<LismProps, 'style'> & LayoutSpecificProps & LismBaseProps<T>;
+export type LismComponentProps<T extends ElementType = 'div'> = Omit<LismProps, 'style'> & LismHtmlBaseProps & LayoutSpecificProps & LismElementProps<T>;
 /**
  * layout が固定されたレイアウトコンポーネントの Props 型
  * layout プロパティは固定されるため受け付けない
  * @template T - レンダリングする要素の型（デフォルトは 'div'）
  * @template L - レイアウト固有の追加 Props 型
  */
-export type LayoutComponentProps<T extends ElementType = 'div', L = object> = Omit<LismProps, 'layout' | 'style'> & Omit<L, 'layout'> & LismBaseProps<T>;
+export type LayoutComponentProps<T extends ElementType = 'div', L = object> = Omit<LismProps, 'layout' | 'style'> & LismHtmlBaseProps & Omit<L, 'layout'> & LismElementProps<T>;
 /**
  * Lism Propsを処理できるだけのコンポーネント
  */

package/dist/components/List/List.d.ts

@@ -0,0 +1,3 @@
+import { ElementType } from 'react';
+import { LismComponentProps } from '../Lism';
+export default function List<T extends ElementType = 'ul'>({ as, ...props }: LismComponentProps<T>): import("react").JSX.Element;

package/dist/components/List/ListItem.d.ts

@@ -0,0 +1,3 @@
+import { ElementType } from 'react';
+import { LismComponentProps } from '../Lism';
+export default function ListItem<T extends ElementType = 'li'>({ as, ...props }: LismComponentProps<T>): import("react").JSX.Element;

package/dist/components/List/ListItem.js

@@ -0,0 +1,8 @@
+import { jsx as i } from "react/jsx-runtime";
+import m from "../Lism/index.js";
+function e({ as: t, ...r }) {
+  return /* @__PURE__ */ i(m, { as: t ?? "li", ...r });
+}
+export {
+  e as default
+};

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

@@ -0,0 +1,2 @@
+export { default as List } from './List';
+export { default as ListItem } from './ListItem';

package/dist/components/List/index.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import i from "../Lism/index.js";
+function f({ as: r, ...t }) {
+  return /* @__PURE__ */ o(i, { as: r ?? "ul", ...t });
+}
+export {
+  f as default
+};

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,3 @@
+import { ElementType } from 'react';
+import { LismComponentProps } from '../Lism';
+export default function Text<T extends ElementType = 'p'>({ as, ...props }: LismComponentProps<T>): import("react").JSX.Element;

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

@@ -0,0 +1 @@
+export { default as Text } from './Text';

package/dist/components/Text/index.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "../Lism/index.js";
+function i({ as: r, ...t }) {
+  return /* @__PURE__ */ o(m, { as: r ?? "p", ...t });
+}
+export {
+  i as default
+};

package/dist/components/atomic/Decorator/getProps.d.ts

@@ -1,10 +1,8 @@
-import { FilterProps } from '../../getFilterProps';
-import { TransformStyleProps } from '../../setMaybeTransformStyles';
 import { LismProps } from '../../../lib/getLismProps';
 export interface DecoratorOwnProps {
     size?: string;
     clipPath?: string;
     boxSizing?: string;
 }
-export type DecoratorProps = LismProps & TransformStyleProps & FilterProps & DecoratorOwnProps;
+export type DecoratorProps = LismProps & DecoratorOwnProps;
 export default function getDecoratorProps({ lismClass, size, clipPath, boxSizing, style: outerStyle, ...rest }: DecoratorProps): LismProps;

package/dist/components/atomic/Decorator/getProps.js

@@ -1,15 +1,15 @@
-import n from "../../../lib/helper/atts.js";
-import p from "../../getFilterProps.js";
-import m from "../../setMaybeTransformStyles.js";
-function y({ lismClass: a, size: o, clipPath: s, boxSizing: e, style: i, ...f }) {
-  const r = i ?? {}, t = p(m(f));
-  s && (r.clipPath = s), e && (r.boxSizing = e), o && (t.ar = "1/1", t.w = o), t.style = r;
-  const l = {
-    lismClass: n(a, "a--decorator"),
+import f from "../../../lib/helper/atts.js";
+function p({ lismClass: e, size: s, clipPath: o, boxSizing: a, style: i, ...n }) {
+  const r = i ?? {};
+  o && (r.clipPath = o), a && (r.boxSizing = a);
+  const t = { ...n };
+  s && (t.ar = "1/1", t.w = s), t.style = r;
+  const c = {
+    lismClass: f(e, "a--decorator"),
     "aria-hidden": "true"
   };
-  return Object.assign(l, t);
+  return Object.assign(c, t);
 }
 export {
-  y as default
+  p as default
 };

package/dist/components/atomic/Icon/getProps.d.ts

@@ -1,6 +1,5 @@
 import { default as presets } from './presets';
 import { LismProps } from '../../../lib/getLismProps';
-import { TransformStyleProps } from '../../setMaybeTransformStyles';
 import { ElementType } from 'react';
 export type PresetIconName = keyof typeof presets;
 interface IconObject {
@@ -15,7 +14,7 @@ export interface IconOwnProps {
     size?: string;
     exProps?: Record<string, unknown>;
 }
-export type IconProps = LismProps & TransformStyleProps & IconOwnProps;
+export type IconProps = LismProps & IconOwnProps;
 export default function getProps({ lismClass, as, icon, label, exProps, ..._props }: IconProps): {
     Component: ElementType | "_SVG_";
     lismProps: {

package/dist/components/atomic/Icon/getProps.js

@@ -1,55 +1,56 @@
 import S from "./presets.js";
 import h from "../../../lib/helper/atts.js";
-import C from "../../setMaybeTransformStyles.js";
-function b(g) {
-  const f = {}, s = g.match(/<svg([^>]*?)>([\s\S]*?)<\/svg>/i);
+function d(m) {
+  const f = {}, s = m.match(/<svg([^>]*?)>([\s\S]*?)<\/svg>/i);
   if (s) {
-    const [, o, t] = s, u = /([\w-]+)=["']([^"']*)["']/g;
-    let e;
-    for (; (e = u.exec(o)) !== null; ) {
-      const [, r, m] = e;
-      if (r === "style") {
-        const c = {};
-        m.split(";").forEach((l) => {
-          const [i, n] = l.split(":").map((a) => a.trim());
-          i && n && (c[i] = n);
-        }), f[r] = c;
+    const [, c, t] = s, u = /([\w-]+)=["']([^"']*)["']/g;
+    let a;
+    for (; (a = u.exec(c)) !== null; ) {
+      const [, i, o] = a;
+      if (i === "style") {
+        const g = {};
+        o.split(";").forEach((l) => {
+          const [n, r] = l.split(":").map((e) => e.trim());
+          n && r && (g[n] = r);
+        }), f[i] = g;
       } else
-        f[r] = m;
+        f[i] = o;
     }
     return { svgProps: f, svgContent: t };
   }
   return {};
 }
-function V({ lismClass: g, as: f, icon: s, label: o, exProps: t = {}, ...u }) {
-  let e = f || "span", r = "";
+function b({ lismClass: m, as: f, icon: s, label: c, exProps: t = {}, ...u }) {
+  let a = f || "span", i = "";
   const {
-    style: m = {},
-    className: c = "",
+    style: o = {},
+    className: g = "",
     ...l
-  } = C(u);
-  let i = m, n = c;
-  if (l.viewBox)
-    e = "svg", l.width || (t.width = "1em"), l.height || (t.height = "1em");
-  else if (l.src)
-    e = "img";
+  } = u;
+  let n = o, r = g;
+  if (l.viewBox) {
+    a = "svg";
+    const e = l.size;
+    e && delete l.size, l.width || (t.width = e || "1em"), l.height || (t.height = e || "1em");
+  } else if (l.src)
+    a = "img";
   else if (s)
     if (typeof s == "string")
       if (s.startsWith("<svg")) {
-        e = "_SVG_";
-        const { svgProps: a = {}, svgContent: v = "" } = b(s), { class: y, style: p, ..._ } = a;
-        n = h(n, y), i = { ...i, ...p }, t = { ...t, ..._, fill: "currentColor" }, r = v;
+        a = "_SVG_";
+        const { svgProps: e = {}, svgContent: v = "" } = d(s), { class: y, style: _, ...p } = e;
+        r = h(r, y), n = { ...n, ..._ }, t = { ...t, ...p, fill: "currentColor" }, i = v;
       } else {
-        const a = S[s] || null;
-        a != null && (e = "_SVG_", t = { ...t, ...a });
+        const e = S[s] || null;
+        e != null && (a = "_SVG_", t = { ...t, ...e });
       }
     else if (typeof s == "object" && s.as) {
-      const { as: a, ...v } = s;
-      e = a, t = { ...t, ...v };
+      const { as: e, ...v } = s;
+      a = e, t = { ...t, ...v };
     } else
-      e = s;
-  return o ? (t["aria-label"] = o, t.role = "img") : t["aria-hidden"] = "true", l.lismClass = h(g, "a--icon", n), l.style = { ...i }, { Component: e, lismProps: l, exProps: t, content: r };
+      a = s;
+  return c ? (t["aria-label"] = c, t.role = "img") : t["aria-hidden"] = "true", l.lismClass = h(m, "a--icon", r), l.style = { ...n }, { Component: a, lismProps: l, exProps: t, content: i };
 }
 export {
-  V as default
+  b as default
 };

package/dist/components/atomic/Media/Media.d.ts

@@ -1,6 +1,3 @@
 import { ElementType } from 'react';
 import { LismComponentProps } from '../../Lism';
-import { MediaOwnProps } from './getProps';
-type MediaComponentProps<T extends ElementType = 'img'> = LismComponentProps<T> & MediaOwnProps;
-export default function Media<T extends ElementType = 'img'>(props: MediaComponentProps<T>): import("react").JSX.Element;
-export {};
+export default function Media<T extends ElementType = 'img'>(props: LismComponentProps<T>): import("react").JSX.Element;

package/dist/components/atomic/Media/Media.stories.d.ts

@@ -1,8 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-vite';
-import { Media } from './index';
 declare const meta: Meta;
 export default meta;
-type Story = StoryObj<typeof Media>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithObjectFitCover: Story;
 export declare const WithObjectFitContain: Story;

package/dist/components/atomic/Media/index.js

@@ -1,9 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "./getProps.js";
+import { jsx as i } from "react/jsx-runtime";
 import m from "../../Lism/index.js";
-function f(r) {
-  return /* @__PURE__ */ o(m, { as: "img", ...i(r) });
+function a(r) {
+  return /* @__PURE__ */ i(m, { as: "img", ...r });
 }
 export {
-  f as default
+  a as default
 };

package/dist/components/index.d.ts

@@ -1,6 +1,13 @@
 export * from './Lism';
-export * from './Dummy';
 export { default as HTML } from './HTML';
+/** @deprecated DummyText / DummyImage (@lism-css/ui) を使用してください */
+export * from './Dummy';
+export * from './Text';
+export * from './Inline';
+export * from './Group';
+export * from './Heading';
+export * from './Link';
+export * from './List';
 export * from './Container';
 export * from './Wrapper';
 export * from './Layer';

package/dist/components/index.js

@@ -1,50 +1,64 @@
 import { default as o } from "./HTML/index.js";
 import { default as t } from "./Box/index.js";
 import { default as l } from "./Center/index.js";
-import { default as m } from "./Cluster/index.js";
+import { default as d } from "./Cluster/index.js";
 import { default as u } from "./Columns/index.js";
 import { default as x } from "./Container/index.js";
 import { default as n } from "./atomic/Decorator/index.js";
-import { default as c } from "./atomic/Divider/index.js";
-import { default as L } from "./Dummy/index.js";
-import { default as D } from "./Flex/index.js";
-import { default as k } from "./Flow/index.js";
-import { default as y } from "./FluidCols/index.js";
-import { default as h } from "./Frame/index.js";
-import { default as G } from "./Grid/index.js";
-import { default as I } from "./atomic/Icon/index.js";
-import { default as W } from "./Layer/index.js";
-import { default as g } from "./LinkBox/index.js";
-import { default as q } from "./Lism/index.js";
-import { default as A } from "./atomic/Media/index.js";
-import { default as J } from "./SideMain/index.js";
-import { default as N } from "./atomic/Spacer/index.js";
-import { default as P } from "./Stack/index.js";
-import { default as R } from "./SwitchCols/index.js";
-import { default as V } from "./Wrapper/index.js";
+import { default as C } from "./atomic/Divider/index.js";
+import { default as F } from "./Dummy/index.js";
+import { default as k } from "./Flex/index.js";
+import { default as I } from "./Flow/index.js";
+import { default as w } from "./FluidCols/index.js";
+import { default as B } from "./Frame/index.js";
+import { default as H } from "./Grid/index.js";
+import { default as g } from "./Group/index.js";
+import { default as v } from "./Heading/index.js";
+import { default as b } from "./atomic/Icon/index.js";
+import { default as q } from "./Inline/index.js";
+import { default as A } from "./Layer/index.js";
+import { default as J } from "./Link/index.js";
+import { default as N } from "./LinkBox/index.js";
+import { default as P } from "./Lism/index.js";
+import { default as R } from "./List/index.js";
+import { default as V } from "./List/ListItem.js";
+import { default as Y } from "./atomic/Media/index.js";
+import { default as _ } from "./SideMain/index.js";
+import { default as ee } from "./atomic/Spacer/index.js";
+import { default as oe } from "./Stack/index.js";
+import { default as te } from "./SwitchCols/index.js";
+import { default as le } from "./Text/index.js";
+import { default as de } from "./Wrapper/index.js";
 export {
   t as Box,
   l as Center,
-  m as Cluster,
+  d as Cluster,
   u as Columns,
   x as Container,
   n as Decorator,
-  c as Divider,
-  L as Dummy,
-  D as Flex,
-  k as Flow,
-  y as FluidCols,
-  h as Frame,
-  G as Grid,
+  C as Divider,
+  F as Dummy,
+  k as Flex,
+  I as Flow,
+  w as FluidCols,
+  B as Frame,
+  H as Grid,
+  g as Group,
   o as HTML,
-  I as Icon,
-  W as Layer,
-  g as LinkBox,
-  q as Lism,
-  A as Media,
-  J as SideMain,
-  N as Spacer,
-  P as Stack,
-  R as SwitchCols,
-  V as Wrapper
+  v as Heading,
+  b as Icon,
+  q as Inline,
+  A as Layer,
+  J as Link,
+  N as LinkBox,
+  P as Lism,
+  R as List,
+  V as ListItem,
+  Y as Media,
+  _ as SideMain,
+  ee as Spacer,
+  oe as Stack,
+  te as SwitchCols,
+  le as Text,
+  de as Wrapper
 };

package/dist/config/helper.d.ts

@@ -1,6 +1,6 @@
 type PlainObject = Record<string, unknown>;
 type DeepMergeResult<T, U> = T extends PlainObject ? U extends PlainObject ? {
-    [K in keyof T | keyof U]: K extends keyof U ? K extends keyof T ? DeepMergeResult<T[K], U[K]> : U[K] : K extends keyof T ? T[K] : never;
+    [K in keyof T | keyof U]: K extends keyof U ? (K extends keyof T ? DeepMergeResult<T[K], U[K]> : U[K]) : K extends keyof T ? T[K] : never;
 } : T : U extends PlainObject ? U : T;
 /**
  * 深いマージを行う関数