lism-css 0.8.3 → 0.8.4

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

@@ -1,13 +1,16 @@
-export function div(props: any): import("react").JSX.Element;
-export function p(props: any): import("react").JSX.Element;
-export function span(props: any): import("react").JSX.Element;
-export function a(props: any): import("react").JSX.Element;
-export function h({ lv, ...props }: {
-    [x: string]: any;
-    lv?: string | undefined;
-}): import("react").JSX.Element;
-export function img(props: any): import("react").JSX.Element;
-export function ul(props: any): import("react").JSX.Element;
-export function ol(props: any): import("react").JSX.Element;
-export function li(props: any): import("react").JSX.Element;
-export function button(props: any): import("react").JSX.Element;
+import { LismComponentProps } from '../Lism';
+export declare function div(props: LismComponentProps<'div'>): import("react").JSX.Element;
+export declare function p(props: LismComponentProps<'p'>): import("react").JSX.Element;
+export declare function span(props: LismComponentProps<'span'>): import("react").JSX.Element;
+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;
+};
+export declare function h({ lv, ...props }: HeadingProps): import("react").JSX.Element;
+export declare function img(props: LismComponentProps<'img'>): import("react").JSX.Element;
+export declare function ul(props: LismComponentProps<'ul'>): import("react").JSX.Element;
+export declare function ol(props: LismComponentProps<'ol'>): import("react").JSX.Element;
+export declare function li(props: LismComponentProps<'li'>): import("react").JSX.Element;
+export declare function button(props: LismComponentProps<'button'>): import("react").JSX.Element;
+export {};

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

@@ -1,14 +1,14 @@
 import { div, p, span, img, a, h, ul, ol, li, button } from './HTML';
-declare namespace _default {
-    export { div };
-    export { p };
-    export { span };
-    export { img };
-    export { a };
-    export { h };
-    export { ul };
-    export { ol };
-    export { li };
-    export { button };
-}
-export default _default;
+declare const HTML: {
+    div: typeof div;
+    p: typeof p;
+    span: typeof span;
+    img: typeof img;
+    a: typeof a;
+    h: typeof h;
+    ul: typeof ul;
+    ol: typeof ol;
+    li: typeof li;
+    button: typeof button;
+};
+export default HTML;

package/dist/components/HTML/index.js

@@ -1,5 +1,5 @@
-import { button as o, li as t, ol as i, ul as a, h as l, a as n, img as p, span as d, p as e, div as m } from "./index2.js";
-const s = { div: m, p: e, span: d, img: p, a: n, h: l, ul: a, ol: i, li: t, button: o };
+import { button as o, li as t, ol as a, ul as i, h as l, a as p, img as m, span as n, p as r, div as s } from "./index2.js";
+const d = { div: s, p: r, span: n, img: m, a: p, h: l, ul: i, ol: a, li: t, button: o };
 export {
-  s as default
+  d as default
 };

package/dist/components/HTML/index2.js

@@ -1,44 +1,45 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import r from "../Lism/index.js";
-function a(t) {
-  return /* @__PURE__ */ n(r, { tag: "div", ...t });
+function s(n) {
+  return /* @__PURE__ */ t(r, { as: "div", ...n });
 }
-function f(t) {
-  return /* @__PURE__ */ n(r, { tag: "p", ...t });
+function f(n) {
+  return /* @__PURE__ */ t(r, { as: "p", ...n });
 }
-function g(t) {
-  return /* @__PURE__ */ n(r, { tag: "span", ...t });
+function c(n) {
+  return /* @__PURE__ */ t(r, { as: "span", ...n });
 }
-function e(t) {
-  return /* @__PURE__ */ n(r, { tag: "a", ...t });
+function e(n) {
+  return /* @__PURE__ */ t(r, { as: "a", ...n });
 }
-function c({ lv: t = "1", ...u }) {
-  return /* @__PURE__ */ n(r, { tag: `h${t}`, ...u });
+function m({ lv: n = "1", ...u }) {
+  const o = `h${n}`;
+  return /* @__PURE__ */ t(r, { as: o, ...u });
 }
-function m(t) {
-  return /* @__PURE__ */ n(r, { tag: "img", ...t });
+function p(n) {
+  return /* @__PURE__ */ t(r, { as: "img", ...n });
 }
-function p(t) {
-  return /* @__PURE__ */ n(r, { tag: "ul", ...t });
+function l(n) {
+  return /* @__PURE__ */ t(r, { as: "ul", ...n });
 }
-function l(t) {
-  return /* @__PURE__ */ n(r, { tag: "ol", ...t });
+function g(n) {
+  return /* @__PURE__ */ t(r, { as: "ol", ...n });
 }
-function s(t) {
-  return /* @__PURE__ */ n(r, { tag: "li", ...t });
+function b(n) {
+  return /* @__PURE__ */ t(r, { as: "li", ...n });
 }
-function b(t) {
-  return /* @__PURE__ */ n(r, { tag: "button", ...t });
+function d(n) {
+  return /* @__PURE__ */ t(r, { as: "button", ...n });
 }
 export {
   e as a,
-  b as button,
-  a as div,
-  c as h,
-  m as img,
-  s as li,
-  l as ol,
+  d as button,
+  s as div,
+  m as h,
+  p as img,
+  b as li,
+  g as ol,
   f as p,
-  g as span,
-  p as ul
+  c as span,
+  l as ul
 };

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1,5 @@
-export function getLayerProps(props: any): any;
+import { default as getFilterProps } from '../getFilterProps';
+type LayerProps = Parameters<typeof getFilterProps>[0];
+type LayerOutput = ReturnType<typeof getFilterProps>;
+export declare function getLayerProps(props: LayerProps): LayerOutput;
+export {};

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

@@ -1,4 +1,4 @@
-export default function LinkBox({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}): import("react").JSX.Element;
+import { LismComponentProps } from '../Lism';
+type LinkBoxProps = LismComponentProps<'a'>;
+export default function LinkBox({ children, ...props }: LinkBoxProps): import("react").JSX.Element;
+export {};

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

@@ -1,10 +1,31 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode, JSX } from 'react';
+import { LismProps } from '../../lib/getLismProps';
+import { LayoutSpecificProps } from '../../lib/types/LayoutProps';
+/** HTML 要素 Props と共通オプションの基底型 */
+type LismBaseProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, keyof LismProps> & {
+    /** レンダリングするコンポーネントまたは要素 */
+    as?: T;
+    /** レンダリングするHTML要素のタグ名（文字列のみ）*/
+    tag?: keyof JSX.IntrinsicElements;
+    /** 子要素 */
+    children?: ReactNode;
+    /** getLismProps を経由せずに直接渡す追加の props */
+    exProps?: Record<string, unknown>;
+};
+/**
+ * Lism コンポーネントの Props 型
+ * @template T - レンダリングする要素の型（デフォルトは 'div'）
+ */
+export type LismComponentProps<T extends ElementType = 'div'> = LismProps & LayoutSpecificProps & LismBaseProps<T>;
+/**
+ * layout が固定されたレイアウトコンポーネントの Props 型
+ * layout プロパティは固定されるため受け付けない
+ * @template T - レンダリングする要素の型（デフォルトは 'div'）
+ * @template L - レイアウト固有の追加 Props 型
+ */
+export type LayoutComponentProps<T extends ElementType = 'div', L = object> = Omit<LismProps, 'layout'> & Omit<L, 'layout'> & LismBaseProps<T>;
 /**
  * Lism Propsを処理できるだけのコンポーネント
  */
-export default function Lism({ children, as, tag, exProps, ...props }: {
-    [x: string]: any;
-    children: any;
-    as: any;
-    tag: any;
-    exProps: any;
-}): import("react").JSX.Element;
+export default function Lism<T extends ElementType = 'div'>({ children, as, tag, exProps, ...props }: LismComponentProps<T>): JSX.Element;
+export {};