@validationcloud/fractal-ui 1.2.0 → 1.4.0

package/dist/components/box/box.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export declare const Box: React.ForwardRefExoticComponent<{
+    header?: React.ReactNode;
+    borderRadius?: "rounded-xl" | "rounded-lg";
+    padding?: "p-r6" | "p-r4" | "p-0";
+    background?: "bg-neutral-60" | "bg-neutral-70" | "bg-neutral-80" | "bg-gradient-box" | "transparent";
+    borderColor?: "border-secondary-40";
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    component: import('react').ForwardRefExoticComponent<{
+        header?: React.ReactNode;
+        borderRadius?: "rounded-xl" | "rounded-lg";
+        padding?: "p-r6" | "p-r4" | "p-0";
+        background?: "bg-neutral-60" | "bg-neutral-70" | "bg-neutral-80" | "bg-gradient-box" | "transparent";
+        borderColor?: "border-secondary-40";
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        asChild?: boolean;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const EmptyBox: Story;
+export declare const BoxWithHeader: Story;
+export declare const BoxWithoutHeader: Story;
+export declare const GradientBox: Story;
+export declare const RenderedAsDifferentElement: Story;

package/dist/components/icon/icon-ids.d.ts

@@ -0,0 +1 @@
+export declare const iconIds: readonly ["arrow-narrow", "arrow", "banknote", "billing", "bracket", "check", "chevron-vertical", "chevron", "circle-fill", "circle-stroke", "clock", "close", "cog", "copy", "documents", "enter", "exclamation", "faucet", "filter", "help-center", "home", "info", "intercom", "link", "more", "minus", "node", "patch", "plus", "processing", "radio-empty", "radio-full", "resize", "search", "step-indicator", "subgraphs", "sync-problem", "thumb", "wallet", "wallet-connected", "wallet-disconnected", "wrench"];

package/dist/components/icon/icon-showcase.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+type IconShowcaseProps = {
+    backgroundColor: string;
+    roundBackground: boolean;
+    className: string;
+};
+declare function IconShowcase({ backgroundColor, roundBackground, className }: IconShowcaseProps): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    component: typeof IconShowcase;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IconShowcaseStory: Story;

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { iconIds } from './icon-ids';
+export type IconID = (typeof iconIds)[number];
+type IconProps = {
+    icon: IconID;
+} & React.ComponentPropsWithoutRef<'svg'>;
+export declare function Icon({ icon, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react';
+import { Icon } from './icon';
+declare const meta: {
+    component: typeof Icon;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ExampleIcon: Story;