@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/src/shadcn/components/ui/tree.tsx

@@ -0,0 +1,257 @@
+import type { ItemInstance } from "@headless-tree/core";
+import { ChevronDownIcon } from "lucide-react";
+import { Slot } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "#shadcn/lib/utils";
+
+type WithMeta = {
+	meta?: {
+		lastNode?: boolean;
+	};
+};
+
+// biome-ignore lint/suspicious/noExplicitAny: FIXME Origin UI as-is
+interface TreeContextValue<T = any> {
+	indent: number;
+	currentItem?: ItemInstance<T>;
+	// biome-ignore lint/suspicious/noExplicitAny: FIXME Origin UI as-is
+	tree?: any;
+}
+
+const TreeContext = React.createContext<TreeContextValue>({
+	indent: 20,
+});
+
+// biome-ignore lint/suspicious/noExplicitAny: FIXME Origin UI as-is
+function useTreeContext<T = any>() {
+	return React.useContext(TreeContext) as TreeContextValue<T>;
+}
+
+interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {
+	indent?: number;
+	// biome-ignore lint/suspicious/noExplicitAny: FIXME Origin UI as-is
+	tree?: any;
+}
+
+function Tree({ indent = 20, tree, className, ...props }: TreeProps) {
+	const containerProps =
+		tree && typeof tree.getContainerProps === "function"
+			? tree.getContainerProps()
+			: {};
+	const mergedProps = { ...props, ...containerProps };
+
+	// Extract style from mergedProps to merge with our custom styles
+	const { style: propStyle, ...otherProps } = mergedProps;
+
+	// Merge styles
+	const mergedStyle = {
+		...propStyle,
+		"--tree-indent": `${indent}px`,
+		"--border": `var(--color-border-separator)`,
+	} as React.CSSProperties;
+
+	return (
+		<TreeContext.Provider value={{ indent, tree }}>
+			<div
+				data-slot="tree"
+				style={mergedStyle}
+				className={cn("flex flex-col", className)}
+				{...otherProps}
+			/>
+		</TreeContext.Provider>
+	);
+}
+
+// biome-ignore lint/suspicious/noExplicitAny: FIXME Origin UI as-is
+interface TreeItemProps<T = any>
+	extends React.HTMLAttributes<HTMLButtonElement> {
+	item: ItemInstance<T>;
+	indent?: number;
+	asChild?: boolean;
+}
+
+// biome-ignore lint/suspicious/noExplicitAny: FIXME Origin UI as-is
+function TreeItem<T = any>({
+	item,
+	className,
+	asChild,
+	children,
+	...props
+}: Omit<TreeItemProps<T>, "indent">) {
+	const { indent } = useTreeContext<T>();
+
+	const itemProps = typeof item.getProps === "function" ? item.getProps() : {};
+	const mergedProps = { ...props, ...itemProps };
+
+	// Extract style from mergedProps to merge with our custom styles
+	const { style: propStyle, ...otherProps } = mergedProps;
+
+	// Merge styles
+	const mergedStyle = {
+		...propStyle,
+		"--tree-padding": `${item.getItemMeta().level * indent}px`,
+	} as React.CSSProperties;
+
+	const Comp = asChild ? Slot.Root : "span";
+
+	return (
+		<TreeContext.Provider value={{ indent, currentItem: item }}>
+			<Comp
+				data-slot="tree-item"
+				style={mergedStyle}
+				className={cn(
+					"z-10 ps-(--tree-padding) outline-hidden select-none focus:z-20 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+					className,
+				)}
+				data-focus={
+					typeof item.isFocused === "function"
+						? item.isFocused() || false
+						: undefined
+				}
+				data-folder={
+					typeof item.isFolder === "function"
+						? item.isFolder() || false
+						: undefined
+				}
+				data-selected={
+					typeof item.isSelected === "function"
+						? item.isSelected() || false
+						: undefined
+				}
+				data-drag-target={
+					typeof item.isDragTarget === "function"
+						? item.isDragTarget() || false
+						: undefined
+				}
+				data-search-match={
+					typeof item.isMatchingSearch === "function"
+						? item.isMatchingSearch() || false
+						: undefined
+				}
+				aria-expanded={item.isExpanded()}
+				{...Object.fromEntries(
+					Object.entries(otherProps).filter(([key]) => key !== "onDragStart"),
+				)}
+				onDragStart={(e) => {
+					if ((e.target as HTMLElement).dataset.slot === "drag-handle") {
+						item.getProps().onDragStart?.(e);
+					}
+				}}
+			>
+				{children}
+			</Comp>
+		</TreeContext.Provider>
+	);
+}
+
+// biome-ignore lint/suspicious/noExplicitAny: FIXME Origin UI as-is
+interface TreeItemLabelProps<T = any>
+	extends React.HTMLAttributes<HTMLSpanElement> {
+	hideChevron?: boolean;
+	disableHover?: boolean;
+	item?: ItemInstance<T>;
+	horizontalLines?: boolean;
+	chevronClassName?: string;
+}
+
+function TreeItemLabel<T>({
+	item: propItem,
+	children,
+	className,
+	disableHover,
+	horizontalLines,
+	hideChevron,
+	chevronClassName = "self-start mt-0.5 cursor-pointer",
+	...props
+}: TreeItemLabelProps<T & WithMeta>) {
+	const { currentItem } = useTreeContext<T & WithMeta>();
+	const item = propItem || currentItem;
+
+	if (!item) {
+		console.warn("TreeItemLabel: No item provided via props or context");
+		return null;
+	}
+
+	const data = item.getItemData?.();
+	const isLastNode = data?.meta?.lastNode;
+	const itemMeta = item.getItemMeta();
+
+	return (
+		<span
+			data-slot="tree-item-label"
+			className={cn(
+				"group/tree-item-label relative select-text in-focus-visible:ring-ring/50 bg-background text-text-primary in-data-[drag-target=true]:bg-accent flex items-center gap-2 pr-2 pl-2.5 py-1.5 text-sm transition-colors not-in-data-[folder=true]:ps-2.5 in-focus-visible:ring-[3px] in-data-[search-match=true]:bg-blue-400/20! [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				!disableHover &&
+					"in-data-[focus=true]:bg-bg-secondary in-data-[focus=true]:text-text-primary",
+				!disableHover &&
+					item.isFolder() &&
+					"hover:bg-bg-secondary hover:text-text-primary cursor-pointer",
+				!disableHover &&
+					!item.isFolder() &&
+					"hover:bg-bg-secondary hover:text-text-primary cursor-pointer",
+				disableHover && "text-text-primary",
+				className,
+			)}
+			{...props}
+		>
+			{item.isFolder() && !hideChevron && (
+				<button
+					type="button"
+					className={chevronClassName}
+					onClick={(e) => {
+						e.stopPropagation();
+						item.isExpanded() ? item.collapse() : item.expand();
+					}}
+				>
+					<ChevronDownIcon className="text-muted-foreground size-4 in-aria-[expanded=false]:-rotate-90" />
+				</button>
+			)}
+			{!item.isFolder() && horizontalLines && (
+				<div
+					className={`w-5 min-w-5 h-px border-t mt-2 -ml-1 self-start`}
+				></div>
+			)}
+			{item.isFolder() && item.isExpanded() && horizontalLines && (
+				<div
+					className={`absolute left-4.25 top-8 w-px min-h-full h-full border-l mt-2.25  self-start `}
+				></div>
+			)}
+			{horizontalLines && (
+				<div
+					className={`absolute left-0 top-4.75 -m-[5px] border-t w-4 ${isLastNode ? "h-full bg-inherit " : ""} ${itemMeta.level === 0 ? "hidden" : ""}`}
+				></div>
+			)}
+			{children ||
+				(typeof item.getItemName === "function" ? item.getItemName() : null)}
+		</span>
+	);
+}
+
+function TreeDragLine({
+	className,
+	...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+	const { tree } = useTreeContext();
+
+	if (!tree || typeof tree.getDragLineStyle !== "function") {
+		console.warn(
+			"TreeDragLine: No tree provided via context or tree does not have getDragLineStyle method",
+		);
+		return null;
+	}
+
+	const dragLine = tree.getDragLineStyle();
+	return (
+		<div
+			style={dragLine}
+			className={cn(
+				"bg-primary before:bg-background before:border-primary absolute z-30 -mt-px h-0.5 w-[unset] before:absolute before:-top-[3px] before:left-0 before:size-2 before:rounded-full before:border-2",
+				className,
+			)}
+			{...props}
+		/>
+	);
+}
+
+export { Tree, TreeItem, TreeItemLabel, TreeDragLine, type ItemInstance };

package/src/shadcn/shadcn.css

@@ -78,7 +78,7 @@
 }
 
 .dark {
-	--background: oklch(0.145 0 0);
+	--background: var(--color-bg-primary);
 	--foreground: oklch(0.985 0 0);
 	--card: oklch(0.205 0 0);
 	--card-foreground: oklch(0.985 0 0);
@@ -101,11 +101,11 @@
 	--chart-3: oklch(0.769 0.188 70.08);
 	--chart-4: oklch(0.627 0.265 303.9);
 	--chart-5: oklch(0.645 0.246 16.439);
-	--sidebar: oklch(0.205 0 0);
+	--sidebar: var(--color-bg-primary);
 	--sidebar-foreground: oklch(0.985 0 0);
 	--sidebar-primary: oklch(0.488 0.243 264.376);
 	--sidebar-primary-foreground: oklch(0.985 0 0);
-	--sidebar-accent: oklch(0.269 0 0);
+	--sidebar-accent: oklch(0.205 0 0);
 	--sidebar-accent-foreground: oklch(0.985 0 0);
 	--sidebar-border: oklch(1 0 0 / 10%);
 	--sidebar-ring: oklch(0.556 0 0);
@@ -116,7 +116,7 @@
 		@apply border-border outline-ring/50;
 	}
 	body {
-		@apply bg-background text-foreground;
+		@apply bg-background text-foreground caret-foreground;
 		font-family: "Inter", system-ui, sans-serif;
 	}
 }

package/src/tokens.css

@@ -40,8 +40,8 @@
 	--color-red-50: #fef9f9;
 	--color-red-100: #fff6f5;
 	--color-red-200: #fdedea;
-	--color-red-300: #f4a499;
-	--color-red-400: #ea4a35;
+	--color-red-300: #f18b7e;
+	--color-red-400: #db2e17;
 	--color-red-500: #d7270f;
 	--color-red-600: #d7270f;
 	--color-red-700: #c31b03;
@@ -54,7 +54,7 @@
 	--color-blue-200: #e9f2fc;
 	--color-blue-300: #d0e2f8;
 	--color-blue-400: #a7c9f3;
-	--color-blue-500: #2378e1;
+	--color-blue-500: #1e71d9;
 	--color-blue-600: #045ac3;
 	--color-blue-700: #014391;
 	--color-blue-800: #053775;
@@ -66,25 +66,39 @@
 	--color-green-200: #f1f8e6;
 	--color-green-300: #e3efcb;
 	--color-green-400: #c9e19b;
-	--color-green-500: #78b506;
+	--color-green-500: #547f04;
 	--color-green-600: #558300;
 	--color-green-700: #334e02;
 	--color-green-800: #1d2b03;
 	--color-green-900: #090d04;
 	--color-green-950: #090d04;
+	--color-green-550: #6aa300;
 
 	--color-yellow-50: #fffdf2;
 	--color-yellow-100: #fffbe5;
 	--color-yellow-200: #fff9d9;
 	--color-yellow-300: #fff4bf;
 	--color-yellow-400: #ffea80;
-	--color-yellow-500: #ffd400;
-	--color-yellow-600: #dfa400;
+	--color-yellow-500: #f4cb00;
+	--color-yellow-600: #946c01;
 	--color-yellow-700: #855600;
 	--color-yellow-800: #562a00;
 	--color-yellow-900: #341900;
 	--color-yellow-950: #200900;
 
+	--color-violet-50: #fdf9fd;
+	--color-violet-100: #fcf2fb;
+	--color-violet-200: #faeaf8;
+	--color-violet-300: #f5d4f0;
+	--color-violet-400: #eba9e2;
+	--color-violet-500: #cc29b6;
+	--color-violet-600: #931e83;
+	--color-violet-700: #58124e;
+	--color-violet-800: #310a2c;
+	--color-violet-900: #10030f;
+	--color-violet-950: #080207;
+
+	--font-size-xxs: 10px;
 	--font-size-xs: 12px;
 	--font-size-sm: 14px;
 	--font-size-base: 16px;
@@ -115,12 +129,12 @@
 	--font-weight-extrabold: 800;
 	--font-weight-black: 900;
 
-	--font-tracking-tighter: -0.8;
-	--font-tracking-tight: -0.4;
+	--font-tracking-tighter: -0.8px;
+	--font-tracking-tight: -0.4px;
 	--font-tracking-normal: 0px;
-	--font-tracking-wide: 0.4;
-	--font-tracking-wider: 0.8;
-	--font-tracking-widest: 1.6;
+	--font-tracking-wide: 0.4px;
+	--font-tracking-wider: 0.8px;
+	--font-tracking-widest: 1.6px;
 
 	--font-leading-3: 12px;
 	--font-leading-4: 16px;
@@ -146,34 +160,50 @@
 	--corner-corner-m: 6px;
 	--corner-corner-l: 8px;
 	--corner-corner-xs: 2px;
-	--color-elements-readable: var(--color-neutral-900);
 	--color-cta: var(--color-brand-600);
 	--color-critical-default: var(--color-red-600);
-	--color-elements-disabled: var(--color-neutral-300);
-	--color-elements-assistive: var(--color-neutral-500);
-	--color-surface-0: var(--color-neutral-50);
-	--color-border-default: var(--color-neutral-200);
-	--color-surface-selected: var(--color-neutral-200);
 	--color-cta-hover: var(--color-brand-700);
 	--color-critical-hover: var(--color-red-700);
-	--color-surface-1: var(--color-neutral-100);
 	--color-border-XS-critical: var(--color-red-50);
 	--color-border-XS-critical-hover: var(--color-red-100);
 	--color-elements-green: var(--color-green-600);
 	--color-elements-yellow: var(--color-yellow-500);
 	--color-border-XS-regular: var(--color-blue-300);
 	--color-border-XS-regular-hover: var(--color-blue-400);
-	--color-separator: var(--color-neutral-200);
 	--color-surface-info: var(--color-blue-50);
 	--color-surface-warning: var(--color-yellow-50);
 	--color-surface-alert: var(--color-red-50);
 	--color-elements-warning: var(--color-yellow-700);
 	--color-code-red: var(--color-red-600);
 	--color-code-blue: var(--color-blue-500);
-	--color-elements-readable-inv: var(--color-neutral-50);
 	--color-logo-readable: var(--color-neutral-800);
 	--color-elements-links: var(--color-brand-600);
 	--color-elements-info: var(--color-brand-600);
 	--color-elements-alert: var(--color-red-600);
 	--color-illustrations-solid: var(--color-brand-600);
 }
+
+/* Semantic tokens that need dark mode overrides — use @theme inline + :root so .dark can override */
+@theme inline {
+	--color-elements-readable: var(--hs-elements-readable);
+	--color-elements-readable-inv: var(--hs-elements-readable-inv);
+	--color-elements-assistive: var(--hs-elements-assistive);
+	--color-elements-disabled: var(--hs-elements-disabled);
+	--color-surface-0: var(--hs-surface-0);
+	--color-surface-1: var(--hs-surface-1);
+	--color-surface-selected: var(--hs-surface-selected);
+	--color-border-default: var(--hs-border-default);
+	--color-separator: var(--hs-separator);
+}
+
+:root {
+	--hs-elements-readable: var(--color-neutral-900);
+	--hs-elements-readable-inv: var(--color-neutral-50);
+	--hs-elements-assistive: var(--color-neutral-500);
+	--hs-elements-disabled: var(--color-neutral-300);
+	--hs-surface-0: var(--color-neutral-50);
+	--hs-surface-1: var(--color-neutral-100);
+	--hs-surface-selected: var(--color-neutral-200);
+	--hs-border-default: var(--color-neutral-200);
+	--hs-separator: var(--color-neutral-200);
+}

package/src/typography.css

@@ -42,42 +42,57 @@ body {
 	font-weight: var(--font-weight-normal);
 	line-height: var(--font-leading-4);
 }
+.typo-body-xs {
+	font-size: var(--font-size-xs);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-normal);
+	line-height: var(--font-leading-4);
+}
+.typo-label-xs {
+	font-size: var(--font-size-xs);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-medium);
+	line-height: var(--font-leading-3);
+}
+
+.typo-label-tiny {
+	font-size: var(--font-size-xxs);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-normal);
+	line-height: var(--font-leading-4);
+	letter-spacing: var(--font-tracking-wide);
+	text-transform: uppercase;
+}
 
 .h1 {
-	font-size: var(--font-size-4xl);
+	font-size: var(--font-size-5xl);
 	font-family: var(--font-family-sans);
 	font-weight: var(--font-weight-extrabold);
-	line-height: var(--font-leading-none);
+	line-height: var(--font-leading-14);
 	letter-spacing: var(--font-tracking-tight);
 }
 
-@media (min-width: 1024px) {
-	.h1 {
-		font-size: var(--font-size-5xl);
-	}
-}
-
 .h2 {
-	font-size: var(--font-size-3xl);
+	font-size: var(--font-size-4xl);
 	font-family: var(--font-family-sans);
-	font-weight: var(--font-weight-semibold);
-	line-height: var(--font-leading-none);
+	font-weight: var(--font-weight-bold);
+	line-height: var(--font-leading-10);
 	letter-spacing: var(--font-tracking-tight);
 }
 
 .h3 {
-	font-size: var(--font-size-2xl);
+	font-size: var(--font-size-3xl);
 	font-family: var(--font-family-sans);
 	font-weight: var(--font-weight-semibold);
-	line-height: var(--font-leading-none);
+	line-height: var(--font-leading-9);
 	letter-spacing: var(--font-tracking-tight);
 }
 
 .h4 {
-	font-size: var(--font-size-xl);
+	font-size: var(--font-size-2xl);
 	font-family: var(--font-family-sans);
 	font-weight: var(--font-weight-semibold);
-	line-height: var(--font-leading-none);
+	line-height: var(--font-leading-8);
 	letter-spacing: var(--font-tracking-tight);
 }
 
@@ -96,3 +111,51 @@ body {
 	line-height: var(--font-leading-none);
 	letter-spacing: var(--font-tracking-tight);
 }
+
+.caption {
+	font-size: var(--font-size-xl);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-normal);
+	line-height: var(--font-leading-7);
+	letter-spacing: var(--font-tracking-tight);
+}
+
+.body14 {
+	font-size: var(--font-size-sm);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-normal);
+	line-height: var(--font-leading-5);
+	letter-spacing: var(--font-tracking-normal);
+}
+
+.body14bold {
+	font-size: var(--font-size-sm);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-medium);
+	line-height: var(--font-leading-5);
+	letter-spacing: var(--font-tracking-normal);
+}
+
+.body16 {
+	font-size: var(--font-size-base);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-normal);
+	line-height: var(--font-leading-6);
+	letter-spacing: var(--font-tracking-normal);
+}
+
+.body16bold {
+	font-size: var(--font-size-base);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-medium);
+	line-height: var(--font-leading-6);
+	letter-spacing: var(--font-tracking-normal);
+}
+
+.body12 {
+	font-size: var(--font-size-xs);
+	font-family: var(--font-family-sans);
+	font-weight: var(--font-weight-normal);
+	line-height: var(--font-leading-4);
+	letter-spacing: var(--font-tracking-normal);
+}

package/dist/src/components/code-editor.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { CodeEditor } from "./code-editor";
-declare const meta: Meta<typeof CodeEditor>;
-export default meta;
-type Story = StoryObj<typeof CodeEditor>;
-export declare const Default: Story;
-//# sourceMappingURL=code-editor.stories.d.ts.map

package/dist/src/components/code-editor.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-editor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC"}

package/dist/src/components/request-line-editor.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { RequestLineEditor } from "./request-line-editor";
-declare const meta: Meta<typeof RequestLineEditor>;
-export default meta;
-type Story = StoryObj<typeof RequestLineEditor>;
-export declare const GET: Story;
-export declare const POST: Story;
-export declare const PUT: Story;
-export declare const PATCH: Story;
-export declare const DELETE: Story;
-//# sourceMappingURL=request-line-editor.stories.d.ts.map

package/dist/src/components/request-line-editor.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"request-line-editor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/request-line-editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EACN,iBAAiB,EAEjB,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAOxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AA4BhD,eAAO,MAAM,GAAG,EAAE,KAOjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAOjB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC"}

package/dist/src/index.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from "@storybook/react-vite";
-import { Button } from "./index";
-declare const meta: {
-    title: string;
-    component: typeof Button;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-//# sourceMappingURL=index.stories.d.ts.map

package/dist/src/index.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/src/index.stories.js

@@ -1,19 +0,0 @@
-import { Button } from "./index.js";
-const meta = {
-    title: "Button",
-    component: Button,
-    parameters: {
-        layout: "centered"
-    },
-    tags: [
-        "autodocs"
-    ]
-};
-export default meta;
-export const Primary = {
-    args: {
-        children: "Hello"
-    }
-};
-
-//# sourceMappingURL=index.stories.js.map

package/dist/src/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nimport { Button } from \"./index\";\n\nconst meta = {\n\ttitle: \"Button\",\n\tcomponent: Button,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t},\n\ttags: [\"autodocs\"],\n} satisfies Meta<typeof Button>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Primary: Story = {\n\targs: {\n\t\tchildren: \"Hello\",\n\t},\n};\n"],"names":["Button","meta","title","component","parameters","layout","tags","Primary","args","children"],"mappings":"AAEA,SAASA,MAAM,QAAQ,aAAU;AAEjC,MAAMC,OAAO;IACZC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACXC,QAAQ;IACT;IACAC,MAAM;QAAC;KAAW;AACnB;AAEA,eAAeL,KAAK;AAGpB,OAAO,MAAMM,UAAiB;IAC7BC,MAAM;QACLC,UAAU;IACX;AACD,EAAE"}

package/dist/src/shadcn/components/ui/accordion.stories.d.ts

@@ -1,8 +0,0 @@
-declare const meta: {
-    title: string;
-};
-export default meta;
-export declare const Demo: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-//# sourceMappingURL=accordion.stories.d.ts.map

package/dist/src/shadcn/components/ui/accordion.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/accordion.stories.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAqDA,CAAC"}

package/dist/src/shadcn/components/ui/alert-dialog.stories.d.ts

@@ -1,8 +0,0 @@
-declare const meta: {
-    title: string;
-};
-export default meta;
-export declare const Demo: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-//# sourceMappingURL=alert-dialog.stories.d.ts.map

package/dist/src/shadcn/components/ui/alert-dialog.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert-dialog.stories.tsx"],"names":[],"mappings":"AAcA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAqBA,CAAC"}

package/dist/src/shadcn/components/ui/alert.stories.d.ts

@@ -1,8 +0,0 @@
-declare const meta: {
-    title: string;
-};
-export default meta;
-export declare const Demo: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-//# sourceMappingURL=alert.stories.d.ts.map

package/dist/src/shadcn/components/ui/alert.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert.stories.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CA8BA,CAAC"}

package/dist/src/shadcn/components/ui/aspect-ratio.stories.d.ts

@@ -1,8 +0,0 @@
-declare const meta: {
-    title: string;
-};
-export default meta;
-export declare const Demo: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-//# sourceMappingURL=aspect-ratio.stories.d.ts.map

package/dist/src/shadcn/components/ui/aspect-ratio.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"aspect-ratio.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/aspect-ratio.stories.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAUA,CAAC"}