lism-css 0.8.3 → 0.9.0

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

@@ -0,0 +1,667 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Lism } from './index';
+declare const meta: {
+    title: string;
+    component: typeof Lism;
+    tags: string[];
+    argTypes: {
+        as: {
+            control: "text";
+            table: {
+                category: string;
+            };
+        };
+        lismClass: {
+            control: "text";
+            table: {
+                category: string;
+            };
+        };
+        variant: {
+            control: "text";
+            table: {
+                category: string;
+            };
+        };
+        layout: {
+            control: "select";
+            table: {
+                category: string;
+            };
+        };
+        fz: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        fw: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ff: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        lh: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        lts: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ta: {
+            control: "select";
+            options: string[];
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        c: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        bgc: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        keycolor: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        p: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        px: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        py: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'px-s': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'px-e': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'py-s': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'py-e': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        pl: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        pr: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        pt: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        pb: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        m: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        mx: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        my: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'mx-s': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'mx-e': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'my-s': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'my-e': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ml: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        mr: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        mt: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        mb: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        w: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        h: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'min-w': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'max-w': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'min-h': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'max-h': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ar: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        d: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        o: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        v: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ov: {
+            control: "select";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        bg: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        bd: {
+            control: "boolean";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        bdc: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        bdw: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        bds: {
+            control: "select";
+            options: string[];
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        bdrs: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        bxsh: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        fxw: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        fxd: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        fx: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        fxg: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        fxsh: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        fxb: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        gt: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        gta: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        gtc: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        gtr: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        gaf: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ga: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        gc: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        gr: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        g: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'g-x': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        'g-y': {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ai: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ac: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        ji: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        jc: {
+            control: "object";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        pi: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        pc: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        aslf: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        jslf: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        order: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        pos: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        z: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        t: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        l: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        r: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        b: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        i: {
+            control: "text";
+            table: {
+                category: string;
+                subcategory: string;
+            };
+        };
+        isContainer: {
+            control: "boolean";
+            table: {
+                category: string;
+            };
+        };
+        isWrapper: {
+            control: "object";
+            table: {
+                category: string;
+            };
+        };
+        isLayer: {
+            control: "boolean";
+            table: {
+                category: string;
+            };
+        };
+        isLinkBox: {
+            control: "boolean";
+            table: {
+                category: string;
+            };
+        };
+        setGutter: {
+            control: "boolean";
+            table: {
+                category: string;
+            };
+        };
+        isVertical: {
+            control: "boolean";
+            table: {
+                category: string;
+            };
+        };
+        hov: {
+            control: "object";
+            table: {
+                category: string;
+            };
+        };
+        css: {
+            control: "object";
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AsParagraph: Story;
+export declare const WithLismClass: Story;
+export declare const WithVariant: Story;
+export declare const WithLayout: Story;
+export declare const ResponsiveArray: Story;
+export declare const ResponsiveObject: Story;
+export declare const WithCssProp: Story;

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

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

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

@@ -1,3 +1 @@
-export { default as Lism } from './Lism';
-export { default as Text } from './Text';
-export { default as Link } from './Link';
+export { default as Lism, type LismComponentProps, type LayoutComponentProps } from './Lism';

package/dist/components/Lism/index.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import s from "../../lib/getLismProps.js";
-function u({ children: r, as: t, tag: o, exProps: i, ...m }) {
-  return /* @__PURE__ */ e(t || o || "div", { ...s(m), ...i, children: r });
+import i from "../../lib/getLismProps.js";
+function u({ children: o, as: t, tag: m, exProps: n, ...r }) {
+  return /* @__PURE__ */ e(t || m || "div", { ...i(r), ...n, children: o });
 }
 export {
   u as default

package/dist/components/SideMain/SideMain.d.ts

@@ -1 +1,4 @@
-export default function SideMain(props: any): import("react").JSX.Element;
+import { ElementType } from 'react';
+import { LayoutComponentProps } from '../Lism';
+import { SideMainProps } from '../../lib/types/LayoutProps';
+export default function SideMain<T extends ElementType = 'div'>(props: LayoutComponentProps<T, SideMainProps>): import("react").JSX.Element;

package/dist/components/Stack/Stack.d.ts

@@ -1 +1,4 @@
-export default function Stack(props: any): import("react").JSX.Element;
+import { ElementType } from 'react';
+import { LayoutComponentProps } from '../Lism';
+import { StackProps } from '../../lib/types/LayoutProps';
+export default function Stack<T extends ElementType = 'div'>(props: LayoutComponentProps<T, StackProps>): import("react").JSX.Element;

package/dist/components/SwitchCols/SwitchCols.d.ts

@@ -1 +1,4 @@
-export default function SwitchCols(props: any): import("react").JSX.Element;
+import { ElementType } from 'react';
+import { LayoutComponentProps } from '../Lism';
+import { SwitchColsProps } from '../../lib/types/LayoutProps';
+export default function SwitchCols<T extends ElementType = 'div'>(props: LayoutComponentProps<T, SwitchColsProps>): import("react").JSX.Element;

package/dist/components/Wrapper/Wrapper.d.ts

@@ -1,4 +1,6 @@
-export default function Wrapper({ contentSize, ...props }: {
-    [x: string]: any;
-    contentSize: any;
-}): import("react").JSX.Element;
+import { LismComponentProps } from '../Lism';
+type WrapperProps = LismComponentProps & {
+    contentSize?: LismComponentProps['isWrapper'];
+};
+export default function Wrapper({ contentSize, ...props }: WrapperProps): import("react").JSX.Element;
+export {};