@vezham/storybook-utils 0.1.0

package/lib/a/src/index.d.ts

@@ -0,0 +1,4 @@
+import { Props } from './types';
+
+declare const A: import('@vezham/system-rsc').InternalForwardRefRenderFunction<"div", Props, never>;
+export { A };

package/lib/a/stories/a.stories.d.ts

@@ -0,0 +1,53 @@
+import { A } from '../src';
+import { Meta } from '@storybook/react';
+
+declare const _default: Meta<typeof A>;
+export default _default;
+export declare const Default: {
+    args: {
+        label: string;
+        variant?: "solid" | "bordered" | "light" | undefined;
+        border?: "sm" | "lg" | "none" | "md" | undefined;
+        radius?: "sm" | "lg" | "none" | "md" | undefined;
+        shadow?: "sm" | "lg" | "none" | "md" | undefined;
+        blur?: "sm" | "lg" | "none" | "md" | undefined;
+    };
+};
+export declare const NoBorder: {
+    args: {
+        border: string;
+        label: string;
+        variant?: "solid" | "bordered" | "light" | undefined;
+        radius?: "sm" | "lg" | "none" | "md" | undefined;
+        shadow?: "sm" | "lg" | "none" | "md" | undefined;
+        blur?: "sm" | "lg" | "none" | "md" | undefined;
+    };
+};
+export declare const withImage: {
+    args: {
+        src: string;
+        label: string;
+        variant?: "solid" | "bordered" | "light" | undefined;
+        border?: "sm" | "lg" | "none" | "md" | undefined;
+        radius?: "sm" | "lg" | "none" | "md" | undefined;
+        shadow?: "sm" | "lg" | "none" | "md" | undefined;
+        blur?: "sm" | "lg" | "none" | "md" | undefined;
+    };
+};
+export declare const FigSpec: {
+    args: {
+        label: string;
+        variant?: "solid" | "bordered" | "light" | undefined;
+        border?: "sm" | "lg" | "none" | "md" | undefined;
+        radius?: "sm" | "lg" | "none" | "md" | undefined;
+        shadow?: "sm" | "lg" | "none" | "md" | undefined;
+        blur?: "sm" | "lg" | "none" | "md" | undefined;
+    };
+    parameters: {
+        design: {
+            name: string;
+            type: string;
+            url: string;
+        }[];
+    };
+};

package/lib/story-status/src/index.d.ts

@@ -0,0 +1,4 @@
+import { Props } from './types';
+
+declare const StoryStatus: import('@vezham/system-rsc').InternalForwardRefRenderFunction<"div", Props, never>;
+export { StoryStatus };

package/lib/story-status/src/types.d.ts

@@ -0,0 +1,22 @@
+import { HTMLHeroUIProps, PropGetter } from '@vezham/system-rsc';
+import { ReactRef } from '@vezham/react-utils';
+
+type status = 'todo' | 'dev' | 'review' | 'completed';
+interface Props extends HTMLHeroUIProps<'div'> {
+    ref?: ReactRef<HTMLDivElement | null>;
+    usecase: status | 'poc';
+    dev: status;
+    storybook: status;
+    tests: status;
+}
+declare const useProps: (props: Props) => {
+    Component: import('@vezham/system-rsc').As<any>;
+    domRef: import('react').RefObject<HTMLDivElement>;
+    children: import('react').ReactNode;
+    getBaseProps: PropGetter;
+    usecase: status | "poc";
+    dev: status;
+    storybook: status;
+    tests: status;
+};
+export { Props, useProps };

package/lib/story-status/src/utils.d.ts

@@ -0,0 +1,3 @@
+declare const getColor: (status: string) => "default" | "danger" | "warning" | "success";
+declare const getVariant: (status: string) => "solid" | "bordered" | "flat" | "dot" | "faded";
+export { getColor, getVariant };

package/lib/story-tab/src/index.d.ts

@@ -0,0 +1,4 @@
+import { Props } from './types';
+
+declare const StoryTab: import('@vezham/system-rsc').InternalForwardRefRenderFunction<"div", Props, never>;
+export { StoryTab };

package/lib/story-tab/src/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+interface TabProps {
+    id?: string;
+    className?: string;
+    label: string;
+    children: ReactNode;
+}
+interface Props {
+    title?: string;
+    sub_section?: boolean;
+    data: TabProps[];
+}
+export { Props, Props as StoryProps, TabProps };

package/lib/story-typography/src/index.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    config: string;
+}
+declare const StoryTypo: import('@vezham/system-rsc').InternalForwardRefRenderFunction<"div", Props, never>;
+export { StoryTypo };

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@vezham/storybook-utils",
+  "version": "0.1.0",
+  "description": "A package for managing storybook-utils",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vezham/v0xFE-kit.git",
+    "directory": "packages/utilities/storybook-utils"
+  },
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "types": "./index.d.ts"
+    }
+  },
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "@vezham/chip": "^0.1.7",
+    "@vezham/divider": "^0.1.7",
+    "@vezham/react-utils": "^0.1.7",
+    "@vezham/system-rsc": "^0.1.7",
+    "@vezham/tabs": "^0.1.7",
+    "@vezham/theme": "^0.1.7",
+    "@vezham/v-atoms": "0.1.0"
+  }
+}

package/style.css

@@ -0,0 +1 @@
+.vtext{line-height:1.5rem}[data-disabled] .vtext{@apply text-default-500;}