@revealui/presentation 0.3.0 → 0.3.2

package/dist/Text-BWMs9_wn.js

@@ -0,0 +1,196 @@
+import { v as cn } from "./skeleton-Bb51IWbG.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/auth-layout.tsx
+function AuthLayout({ children, header, footer }) {
+	return /* @__PURE__ */ jsx("main", {
+		className: "flex min-h-dvh flex-col p-2",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex grow flex-col items-center justify-center gap-6 p-6 lg:rounded-lg lg:bg-white lg:p-10 lg:shadow-xs lg:ring-1 lg:ring-zinc-950/5 dark:lg:bg-zinc-900 dark:lg:ring-white/10",
+			children: [
+				header,
+				children,
+				footer
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/Card.tsx
+function Card({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className),
+		ref,
+		...props
+	});
+}
+function CardHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col space-y-1.5 p-6", className),
+		ref,
+		...props
+	});
+}
+function CardTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("h3", {
+		className: cn("text-2xl font-semibold leading-none tracking-tight", className),
+		ref,
+		...props
+	});
+}
+function CardDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-sm text-muted-foreground", className),
+		ref,
+		...props
+	});
+}
+function CardContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("p-6 pt-0", className),
+		ref,
+		...props
+	});
+}
+function CardFooter({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center p-6 pt-0", className),
+		ref,
+		...props
+	});
+}
+//#endregion
+//#region src/components/Label.tsx
+function Label({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("label", {
+		ref,
+		className: cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+		...props
+	});
+}
+Label.displayName = "Label";
+//#endregion
+//#region src/components/FormLabel.tsx
+function FormLabel({ required, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Label, {
+		ref,
+		className: cn(className),
+		...props,
+		children: [children, required && /* @__PURE__ */ jsx("span", {
+			className: "text-destructive ml-1",
+			children: "*"
+		})]
+	});
+}
+FormLabel.displayName = "FormLabel";
+//#endregion
+//#region src/components/form-field.tsx
+function FormField({ id, label, error, description, required, className, children }) {
+	const descriptionId = description ? `${id}-description` : void 0;
+	const errorId = error ? `${id}-error` : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-1.5", className),
+		children: [
+			/* @__PURE__ */ jsx(FormLabel, {
+				htmlFor: id,
+				required,
+				children: label
+			}),
+			children,
+			description && !error && /* @__PURE__ */ jsx("p", {
+				id: descriptionId,
+				className: "text-xs text-zinc-500 dark:text-zinc-400",
+				children: description
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				role: "alert",
+				className: "text-xs text-red-600 dark:text-red-400",
+				children: error
+			})
+		]
+	});
+}
+FormField.displayName = "FormField";
+//#endregion
+//#region src/components/Input.tsx
+function Input({ type, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		className: cn("flex h-10 w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		ref,
+		type,
+		...props
+	});
+}
+//#endregion
+//#region src/components/Textarea.tsx
+function Textarea({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn("flex min-h-[80px] w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		ref,
+		...props
+	});
+}
+//#endregion
+//#region src/primitives/Flex.tsx
+/**
+* Flex primitive - Flexbox container component
+*/
+function Flex({ direction = "row", align, justify, wrap, gap, className, style, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("flex", direction && `flex-${direction}`, align && `items-${align === "start" ? "start" : align === "end" ? "end" : align}`, justify && `justify-${justify === "start" ? "start" : justify === "end" ? "end" : justify === "between" ? "between" : justify === "around" ? "around" : justify === "evenly" ? "evenly" : "center"}`, wrap === true && "flex-wrap", wrap === "wrap" && "flex-wrap", wrap === "nowrap" && "flex-nowrap", wrap === "wrap-reverse" && "flex-wrap-reverse", className),
+		style: {
+			...style,
+			...gap && { gap: typeof gap === "number" ? `${gap}px` : gap }
+		},
+		...props
+	});
+}
+//#endregion
+//#region src/primitives/Grid.tsx
+/**
+* Grid primitive - CSS Grid container component
+*/
+function Grid({ cols, rows, gap, className, style, ref, ...props }) {
+	const gridStyle = {
+		...style,
+		...cols && { gridTemplateColumns: typeof cols === "number" ? `repeat(${cols}, 1fr)` : cols },
+		...rows && { gridTemplateRows: typeof rows === "number" ? `repeat(${rows}, 1fr)` : rows },
+		...gap && { gap: typeof gap === "number" ? `${gap}px` : gap }
+	};
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("grid", className),
+		style: gridStyle,
+		...props
+	});
+}
+//#endregion
+//#region src/primitives/Heading.tsx
+/**
+* Heading primitive - Heading component
+*/
+function Heading({ as, size = "base", className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(as || "h2", {
+		ref,
+		className: cn(size === "sm" && "text-sm", size === "base" && "text-base", size === "lg" && "text-lg", size === "xl" && "text-xl", size === "2xl" && "text-2xl", size === "3xl" && "text-3xl", size === "4xl" && "text-4xl", "font-semibold", className),
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/primitives/Text.tsx
+/**
+* Text primitive - Typography component
+*/
+function Text({ as: Component = "p", size = "base", weight = "normal", color = "default", className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: cn(size === "xs" && "text-xs", size === "sm" && "text-sm", size === "base" && "text-base", size === "lg" && "text-lg", size === "xl" && "text-xl", size === "2xl" && "text-2xl", weight === "normal" && "font-normal", weight === "medium" && "font-medium", weight === "semibold" && "font-semibold", weight === "bold" && "font-bold", color === "muted" && "text-muted-foreground", color === "primary" && "text-primary", color === "secondary" && "text-secondary-foreground", color === "destructive" && "text-destructive", className),
+		...props
+	});
+}
+//#endregion
+export { Textarea as a, FormLabel as c, CardContent as d, CardDescription as f, AuthLayout as g, CardTitle as h, Flex as i, Label as l, CardHeader as m, Heading as n, Input as o, CardFooter as p, Grid as r, FormField as s, Text as t, Card as u };
+
+//# sourceMappingURL=Text-BWMs9_wn.js.map

package/dist/Text-BWMs9_wn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-BWMs9_wn.js","names":[],"sources":["../src/components/auth-layout.tsx","../src/components/Card.tsx","../src/components/Label.tsx","../src/components/FormLabel.tsx","../src/components/form-field.tsx","../src/components/Input.tsx","../src/components/Textarea.tsx","../src/primitives/Flex.tsx","../src/primitives/Grid.tsx","../src/primitives/Heading.tsx","../src/primitives/Text.tsx"],"sourcesContent":["import type React from 'react';\n\nexport interface AuthLayoutProps {\n  children: React.ReactNode;\n  /** Optional branding slot rendered above the auth form */\n  header?: React.ReactNode;\n  /** Optional branding slot rendered below the auth form */\n  footer?: React.ReactNode;\n}\n\nexport function AuthLayout({ children, header, footer }: AuthLayoutProps) {\n  return (\n    <main className=\"flex min-h-dvh flex-col p-2\">\n      <div className=\"flex grow flex-col items-center justify-center gap-6 p-6 lg:rounded-lg lg:bg-white lg:p-10 lg:shadow-xs lg:ring-1 lg:ring-zinc-950/5 dark:lg:bg-zinc-900 dark:lg:ring-white/10\">\n        {header}\n        {children}\n        {footer}\n      </div>\n    </main>\n  );\n}\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nfunction Card({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <div\n      className={cn('rounded-lg border bg-card text-card-foreground shadow-sm', className)}\n      ref={ref}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }) {\n  return <div className={cn('flex flex-col space-y-1.5 p-6', className)} ref={ref} {...props} />;\n}\n\nfunction CardTitle({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLHeadingElement> & { ref?: React.Ref<HTMLParagraphElement> }) {\n  return (\n    <h3\n      className={cn('text-2xl font-semibold leading-none tracking-tight', className)}\n      ref={ref}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement> & { ref?: React.Ref<HTMLParagraphElement> }) {\n  return <p className={cn('text-sm text-muted-foreground', className)} ref={ref} {...props} />;\n}\n\nfunction CardContent({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }) {\n  return <div className={cn('p-6 pt-0', className)} ref={ref} {...props} />;\n}\n\nfunction CardFooter({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }) {\n  return <div className={cn('flex items-center p-6 pt-0', className)} ref={ref} {...props} />;\n}\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n  ref?: React.Ref<HTMLLabelElement>;\n};\n\nfunction Label({ className, ref, ...props }: LabelProps) {\n  return (\n    // biome-ignore lint/a11y/noLabelWithoutControl: label associations are provided by consumers.\n    <label\n      ref={ref}\n      className={cn(\n        'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nLabel.displayName = 'Label';\n\nexport { Label };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\nimport { Label, type LabelProps } from './Label.js';\n\nexport interface FormLabelProps extends LabelProps {\n  required?: boolean;\n  ref?: React.Ref<HTMLLabelElement>;\n}\n\nfunction FormLabel({ required, className, children, ref, ...props }: FormLabelProps) {\n  return (\n    <Label ref={ref} className={cn(className)} {...props}>\n      {children}\n      {required && <span className=\"text-destructive ml-1\">*</span>}\n    </Label>\n  );\n}\n\nFormLabel.displayName = 'FormLabel';\n\nexport { FormLabel };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\nimport { FormLabel } from './FormLabel.js';\n\nexport interface FormFieldProps {\n  /** Unique ID linking label to input — must match the input's `id` prop */\n  id: string;\n  /** Label text */\n  label: string;\n  /** Error message — when set, field shows error styling */\n  error?: string;\n  /** Helper text shown below the input */\n  description?: string;\n  /** Show required asterisk on label */\n  required?: boolean;\n  /** Additional class on wrapper */\n  className?: string;\n  /** The input/select/textarea element */\n  children: React.ReactNode;\n}\n\nfunction FormField({\n  id,\n  label,\n  error,\n  description,\n  required,\n  className,\n  children,\n}: FormFieldProps) {\n  const descriptionId = description ? `${id}-description` : undefined;\n  const errorId = error ? `${id}-error` : undefined;\n\n  return (\n    <div className={cn('space-y-1.5', className)}>\n      <FormLabel htmlFor={id} required={required}>\n        {label}\n      </FormLabel>\n      {children}\n      {description && !error && (\n        <p id={descriptionId} className=\"text-xs text-zinc-500 dark:text-zinc-400\">\n          {description}\n        </p>\n      )}\n      {error && (\n        <p id={errorId} role=\"alert\" className=\"text-xs text-red-600 dark:text-red-400\">\n          {error}\n        </p>\n      )}\n    </div>\n  );\n}\n\nFormField.displayName = 'FormField';\n\nexport { FormField };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  ref?: React.Ref<HTMLInputElement>;\n};\n\nfunction Input({ type, className, ref, ...props }: InputProps) {\n  return (\n    <input\n      className={cn(\n        'flex h-10 w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      ref={ref}\n      type={type}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  ref?: React.Ref<HTMLTextAreaElement>;\n};\n\nfunction Textarea({ className, ref, ...props }: TextareaProps) {\n  return (\n    <textarea\n      className={cn(\n        'flex min-h-[80px] w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  wrap?: boolean | 'wrap' | 'nowrap' | 'wrap-reverse';\n  gap?: number | string;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Flex primitive - Flexbox container component\n */\nfunction Flex({\n  direction = 'row',\n  align,\n  justify,\n  wrap,\n  gap,\n  className,\n  style,\n  ref,\n  ...props\n}: FlexProps) {\n  const flexClasses = cn(\n    'flex',\n    direction && `flex-${direction}`,\n    align && `items-${align === 'start' ? 'start' : align === 'end' ? 'end' : align}`,\n    justify &&\n      `justify-${justify === 'start' ? 'start' : justify === 'end' ? 'end' : justify === 'between' ? 'between' : justify === 'around' ? 'around' : justify === 'evenly' ? 'evenly' : 'center'}`,\n    wrap === true && 'flex-wrap',\n    wrap === 'wrap' && 'flex-wrap',\n    wrap === 'nowrap' && 'flex-nowrap',\n    wrap === 'wrap-reverse' && 'flex-wrap-reverse',\n    className,\n  );\n\n  const flexStyle = {\n    ...style,\n    ...(gap && { gap: typeof gap === 'number' ? `${gap}px` : gap }),\n  };\n\n  return <div ref={ref} className={flexClasses} style={flexStyle} {...props} />;\n}\n\nexport { Flex };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  cols?: number | string;\n  rows?: number | string;\n  gap?: number | string;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Grid primitive - CSS Grid container component\n */\nfunction Grid({ cols, rows, gap, className, style, ref, ...props }: GridProps) {\n  const gridStyle: React.CSSProperties = {\n    ...style,\n    ...(cols && {\n      gridTemplateColumns: typeof cols === 'number' ? `repeat(${cols}, 1fr)` : cols,\n    }),\n    ...(rows && {\n      gridTemplateRows: typeof rows === 'number' ? `repeat(${rows}, 1fr)` : rows,\n    }),\n    ...(gap && { gap: typeof gap === 'number' ? `${gap}px` : gap }),\n  };\n\n  return <div ref={ref} className={cn('grid', className)} style={gridStyle} {...props} />;\n}\n\nexport { Grid };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  size?: 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n  ref?: React.Ref<HTMLHeadingElement>;\n}\n\n/**\n * Heading primitive - Heading component\n */\nfunction Heading({ as, size = 'base', className, children, ref, ...props }: HeadingProps) {\n  const Component = as || 'h2';\n\n  const headingClasses = cn(\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    size === '3xl' && 'text-3xl',\n    size === '4xl' && 'text-4xl',\n    'font-semibold',\n    className,\n  );\n\n  return (\n    <Component ref={ref} className={headingClasses} {...props}>\n      {children}\n    </Component>\n  );\n}\n\nexport { Heading };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  as?: 'p' | 'span' | 'div';\n  size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';\n  weight?: 'normal' | 'medium' | 'semibold' | 'bold';\n  color?: 'default' | 'muted' | 'primary' | 'secondary' | 'destructive';\n  ref?: React.Ref<HTMLParagraphElement>;\n}\n\n/**\n * Text primitive - Typography component\n */\nfunction Text({\n  as: Component = 'p',\n  size = 'base',\n  weight = 'normal',\n  color = 'default',\n  className,\n  ref,\n  ...props\n}: TextProps) {\n  const textClasses = cn(\n    size === 'xs' && 'text-xs',\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    weight === 'normal' && 'font-normal',\n    weight === 'medium' && 'font-medium',\n    weight === 'semibold' && 'font-semibold',\n    weight === 'bold' && 'font-bold',\n    color === 'muted' && 'text-muted-foreground',\n    color === 'primary' && 'text-primary',\n    color === 'secondary' && 'text-secondary-foreground',\n    color === 'destructive' && 'text-destructive',\n    className,\n  );\n\n  return <Component ref={ref} className={textClasses} {...props} />;\n}\n\nexport { Text };\n"],"mappings":";;;AAUA,SAAgB,WAAW,EAAE,UAAU,QAAQ,UAA2B;AACxE,QACE,oBAAC,QAAD;EAAM,WAAU;YACd,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACA;IACA;IACG;;EACD,CAAA;;;;ACfX,SAAS,KAAK,EACZ,WACA,KACA,GAAG,SAC0E;AAC7E,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,4DAA4D,UAAU;EAC/E;EACL,GAAI;EACJ,CAAA;;AAIN,SAAS,WAAW,EAClB,WACA,KACA,GAAG,SAC0E;AAC7E,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,iCAAiC,UAAU;EAAO;EAAK,GAAI;EAAS,CAAA;;AAGhG,SAAS,UAAU,EACjB,WACA,KACA,GAAG,SACoF;AACvF,QACE,oBAAC,MAAD;EACE,WAAW,GAAG,sDAAsD,UAAU;EACzE;EACL,GAAI;EACJ,CAAA;;AAIN,SAAS,gBAAgB,EACvB,WACA,KACA,GAAG,SACsF;AACzF,QAAO,oBAAC,KAAD;EAAG,WAAW,GAAG,iCAAiC,UAAU;EAAO;EAAK,GAAI;EAAS,CAAA;;AAG9F,SAAS,YAAY,EACnB,WACA,KACA,GAAG,SAC0E;AAC7E,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAS,CAAA;;AAG3E,SAAS,WAAW,EAClB,WACA,KACA,GAAG,SAC0E;AAC7E,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,8BAA8B,UAAU;EAAO;EAAK,GAAI;EAAS,CAAA;;;;ACrD7F,SAAS,MAAM,EAAE,WAAW,KAAK,GAAG,SAAqB;AACvD,QAEE,oBAAC,SAAD;EACO;EACL,WAAW,GACT,8FACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,MAAM,cAAc;;;ACZpB,SAAS,UAAU,EAAE,UAAU,WAAW,UAAU,KAAK,GAAG,SAAyB;AACnF,QACE,qBAAC,OAAD;EAAY;EAAK,WAAW,GAAG,UAAU;EAAE,GAAI;YAA/C,CACG,UACA,YAAY,oBAAC,QAAD;GAAM,WAAU;aAAwB;GAAQ,CAAA,CACvD;;;AAIZ,UAAU,cAAc;;;ACGxB,SAAS,UAAU,EACjB,IACA,OACA,OACA,aACA,UACA,WACA,YACiB;CACjB,MAAM,gBAAgB,cAAc,GAAG,GAAG,gBAAgB,KAAA;CAC1D,MAAM,UAAU,QAAQ,GAAG,GAAG,UAAU,KAAA;AAExC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,eAAe,UAAU;YAA5C;GACE,oBAAC,WAAD;IAAW,SAAS;IAAc;cAC/B;IACS,CAAA;GACX;GACA,eAAe,CAAC,SACf,oBAAC,KAAD;IAAG,IAAI;IAAe,WAAU;cAC7B;IACC,CAAA;GAEL,SACC,oBAAC,KAAD;IAAG,IAAI;IAAS,MAAK;IAAQ,WAAU;cACpC;IACC,CAAA;GAEF;;;AAIV,UAAU,cAAc;;;AC9CxB,SAAS,MAAM,EAAE,MAAM,WAAW,KAAK,GAAG,SAAqB;AAC7D,QACE,oBAAC,SAAD;EACE,WAAW,GACT,8VACA,UACD;EACI;EACC;EACN,GAAI;EACJ,CAAA;;;;ACVN,SAAS,SAAS,EAAE,WAAW,KAAK,GAAG,SAAwB;AAC7D,QACE,oBAAC,YAAD;EACE,WAAW,GACT,sSACA,UACD;EACI;EACL,GAAI;EACJ,CAAA;;;;;;;ACDN,SAAS,KAAK,EACZ,YAAY,OACZ,OACA,SACA,MACA,KACA,WACA,OACA,KACA,GAAG,SACS;AAmBZ,QAAO,oBAAC,OAAD;EAAU;EAAK,WAlBF,GAClB,QACA,aAAa,QAAQ,aACrB,SAAS,SAAS,UAAU,UAAU,UAAU,UAAU,QAAQ,QAAQ,SAC1E,WACE,WAAW,YAAY,UAAU,UAAU,YAAY,QAAQ,QAAQ,YAAY,YAAY,YAAY,YAAY,WAAW,WAAW,YAAY,WAAW,WAAW,YACjL,SAAS,QAAQ,aACjB,SAAS,UAAU,aACnB,SAAS,YAAY,eACrB,SAAS,kBAAkB,qBAC3B,UACD;EAO6C,OAL5B;GAChB,GAAG;GACH,GAAI,OAAO,EAAE,KAAK,OAAO,QAAQ,WAAW,GAAG,IAAI,MAAM,KAAK;GAC/D;EAE+D,GAAI;EAAS,CAAA;;;;;;;AC/B/E,SAAS,KAAK,EAAE,MAAM,MAAM,KAAK,WAAW,OAAO,KAAK,GAAG,SAAoB;CAC7E,MAAM,YAAiC;EACrC,GAAG;EACH,GAAI,QAAQ,EACV,qBAAqB,OAAO,SAAS,WAAW,UAAU,KAAK,UAAU,MAC1E;EACD,GAAI,QAAQ,EACV,kBAAkB,OAAO,SAAS,WAAW,UAAU,KAAK,UAAU,MACvE;EACD,GAAI,OAAO,EAAE,KAAK,OAAO,QAAQ,WAAW,GAAG,IAAI,MAAM,KAAK;EAC/D;AAED,QAAO,oBAAC,OAAD;EAAU;EAAK,WAAW,GAAG,QAAQ,UAAU;EAAE,OAAO;EAAW,GAAI;EAAS,CAAA;;;;;;;ACbzF,SAAS,QAAQ,EAAE,IAAI,OAAO,QAAQ,WAAW,UAAU,KAAK,GAAG,SAAuB;AAexF,QACE,oBAfgB,MAAM,MAetB;EAAgB;EAAK,WAbA,GACrB,SAAS,QAAQ,WACjB,SAAS,UAAU,aACnB,SAAS,QAAQ,WACjB,SAAS,QAAQ,WACjB,SAAS,SAAS,YAClB,SAAS,SAAS,YAClB,SAAS,SAAS,YAClB,iBACA,UACD;EAGiD,GAAI;EACjD;EACS,CAAA;;;;;;;AChBhB,SAAS,KAAK,EACZ,IAAI,YAAY,KAChB,OAAO,QACP,SAAS,UACT,QAAQ,WACR,WACA,KACA,GAAG,SACS;AAmBZ,QAAO,oBAAC,WAAD;EAAgB;EAAK,WAlBR,GAClB,SAAS,QAAQ,WACjB,SAAS,QAAQ,WACjB,SAAS,UAAU,aACnB,SAAS,QAAQ,WACjB,SAAS,QAAQ,WACjB,SAAS,SAAS,YAClB,WAAW,YAAY,eACvB,WAAW,YAAY,eACvB,WAAW,cAAc,iBACzB,WAAW,UAAU,aACrB,UAAU,WAAW,yBACrB,UAAU,aAAa,gBACvB,UAAU,eAAe,6BACzB,UAAU,iBAAiB,oBAC3B,UACD;EAEmD,GAAI;EAAS,CAAA"}

package/dist/client.js

@@ -1,282 +1,102 @@
 "use client";
-import { bk as Link } from "./tooltip-DQYjYWbe.js";
-import { A, a, b, c, d, e, f, g, i, B, k, l, C, m, n, o, p, q, s, t, u, v, w, bl, D, x, y, z, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, bm, W, X, bn, Y, Z, $, bo, a0, a1, a2, a3, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, bp, aX, aY, aZ, a_, a$, b0, bg } from "./tooltip-DQYjYWbe.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { l as clsx } from "./Box-DC3F8eRf.js";
-import { P as P2, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h } from "./Box-DC3F8eRf.js";
+"use client";
+import { a as PricingTable, b as clsx, c as PaginationEllipsis, d as PaginationNext, f as PaginationPrevious, l as PaginationItem, m as Breadcrumb, n as SkeletonCard, o as Pagination, p as EmptyState, r as SkeletonText, s as PaginationContent, t as Skeleton, u as PaginationLink } from "./skeleton-Bb51IWbG.js";
+import { $ as NavbarSpacer, $t as CheckboxGroup, An as Accordion, B as SelectSeparator, Bt as DialogTitle, C as SidebarFooter, Cn as Text, Ct as DropdownHeading, D as SidebarLabel, Dt as DropdownSection, E as SidebarItem, Et as DropdownMenu, F as SelectGroup, Ft as Divider, G as RadioField, Gt as ComboboxDescription, H as SelectValue, Ht as DescriptionList, I as SelectItem, It as Dialog, J as Navbar, K as RadioGroup, Kt as ComboboxLabel, L as SelectLabel, Lt as DialogActions, M as Select, Mt as DrawerBody, N as Select$1, Nt as DrawerFooter, O as SidebarSection, Ot as DropdownShortcut, P as SelectContent, Pt as DrawerHeader, Q as NavbarSection, Qt as CheckboxField, R as SelectScrollDownButton, Rt as DialogBody, S as SidebarDivider, Sn as AlertTitle, St as DropdownHeader, T as SidebarHeading, Tt as DropdownLabel, U as Rating, Ut as DescriptionTerm, V as SelectTrigger, Vt as DescriptionDetails, W as Radio, Wt as Combobox, X as NavbarItem, Xt as CodeBlock, Y as NavbarDivider, Z as NavbarLabel, Zt as Checkbox, _ as StackedLayout, _n as TouchTarget, _t as Legend, a as TimelineItem, at as ListboxLabel, b as Sidebar, bn as AlertBody, bt as DropdownDescription, c as TabList, cn as Callout, ct as KbdShortcut, d as Switch, dn as Badge, dt as Description, f as SwitchField, ft as ErrorMessage, g as StatGroup, gn as Button, gt as Label, h as Stat, ht as Fieldset, i as Timeline, it as ListboxDescription, jn as AccordionItem, jt as Drawer, k as SidebarSpacer, l as TabPanel, ln as Checkbox$1, lt as Input, m as Stepper, mn as Avatar, mt as FieldGroup, n as ToastProvider, o as Textarea, ot as ListboxOption, p as SwitchGroup, pn as AvatarGroup, pt as Field, q as Progress, qt as ComboboxOption, r as useToast, rt as Listbox, s as Tab, st as Kbd, t as Tooltip, u as Tabs, un as CheckboxIndicator, ut as InputGroup, v as Slider, vn as Alert, vt as Dropdown, w as SidebarHeader, wn as Link, wt as DropdownItem, x as SidebarBody, xn as AlertDescription, xt as DropdownDivider, y as SidebarLayout, yn as AlertActions, yt as DropdownButton, z as SelectScrollUpButton, zt as DialogDescription } from "./tooltip-DZGP3hO_.js";
 import { createContext, use, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/heading.tsx
 function Heading({ className, level = 1, ...props }) {
-  const Element = `h${level}`;
-  return /* @__PURE__ */ jsx(
-    Element,
-    {
-      ...props,
-      className: clsx(
-        className,
-        "text-2xl/8 font-semibold text-zinc-950 sm:text-xl/8 dark:text-white"
-      )
-    }
-  );
+	return /* @__PURE__ */ jsx(`h${level}`, {
+		...props,
+		className: clsx(className, "text-2xl/8 font-semibold text-zinc-950 sm:text-xl/8 dark:text-white")
+	});
 }
-const TableContext = createContext({
-  bleed: false,
-  dense: false,
-  grid: false,
-  striped: false
+//#endregion
+//#region src/components/table.tsx
+var TableContext = createContext({
+	bleed: false,
+	dense: false,
+	grid: false,
+	striped: false
 });
-function Table({
-  bleed = false,
-  dense = false,
-  grid = false,
-  striped = false,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    TableContext.Provider,
-    {
-      value: { bleed, dense, grid, striped },
-      children: /* @__PURE__ */ jsx("div", { className: "flow-root", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ...props,
-          className: clsx(className, "-mx-(--gutter) overflow-x-auto whitespace-nowrap"),
-          children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx("inline-block min-w-full align-middle", !bleed && "sm:px-(--gutter)"),
-              children: /* @__PURE__ */ jsx("table", { className: "min-w-full text-left text-sm/6 text-zinc-950 dark:text-white", children })
-            }
-          )
-        }
-      ) })
-    }
-  );
+function Table({ bleed = false, dense = false, grid = false, striped = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(TableContext.Provider, {
+		value: {
+			bleed,
+			dense,
+			grid,
+			striped
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flow-root",
+			children: /* @__PURE__ */ jsx("div", {
+				...props,
+				className: clsx(className, "-mx-(--gutter) overflow-x-auto whitespace-nowrap"),
+				children: /* @__PURE__ */ jsx("div", {
+					className: clsx("inline-block min-w-full align-middle", !bleed && "sm:px-(--gutter)"),
+					children: /* @__PURE__ */ jsx("table", {
+						className: "min-w-full text-left text-sm/6 text-zinc-950 dark:text-white",
+						children
+					})
+				})
+			})
+		})
+	});
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx("thead", { ...props, className: clsx(className, "text-zinc-500 dark:text-zinc-400") });
+	return /* @__PURE__ */ jsx("thead", {
+		...props,
+		className: clsx(className, "text-zinc-500 dark:text-zinc-400")
+	});
 }
 function TableBody(props) {
-  return /* @__PURE__ */ jsx("tbody", { ...props });
+	return /* @__PURE__ */ jsx("tbody", { ...props });
 }
-const TableRowContext = createContext({
-  href: void 0,
-  target: void 0,
-  title: void 0
+var TableRowContext = createContext({
+	href: void 0,
+	target: void 0,
+	title: void 0
 });
-function TableRow({
-  href,
-  target,
-  title,
-  className,
-  ...props
-}) {
-  const { striped } = use(TableContext);
-  return /* @__PURE__ */ jsx(
-    TableRowContext.Provider,
-    {
-      value: { href, target, title },
-      children: /* @__PURE__ */ jsx(
-        "tr",
-        {
-          ...props,
-          className: clsx(
-            className,
-            href && "has-[[data-row-link][data-focus]]:outline-2 has-[[data-row-link][data-focus]]:-outline-offset-2 has-[[data-row-link][data-focus]]:outline-blue-500 dark:focus-within:bg-white/2.5",
-            striped && "even:bg-zinc-950/2.5 dark:even:bg-white/2.5",
-            href && striped && "hover:bg-zinc-950/5 dark:hover:bg-white/5",
-            href && !striped && "hover:bg-zinc-950/2.5 dark:hover:bg-white/2.5"
-          )
-        }
-      )
-    }
-  );
+function TableRow({ href, target, title, className, ...props }) {
+	const { striped } = use(TableContext);
+	return /* @__PURE__ */ jsx(TableRowContext.Provider, {
+		value: {
+			href,
+			target,
+			title
+		},
+		children: /* @__PURE__ */ jsx("tr", {
+			...props,
+			className: clsx(className, href && "has-[[data-row-link][data-focus]]:outline-2 has-[[data-row-link][data-focus]]:-outline-offset-2 has-[[data-row-link][data-focus]]:outline-blue-500 dark:focus-within:bg-white/2.5", striped && "even:bg-zinc-950/2.5 dark:even:bg-white/2.5", href && striped && "hover:bg-zinc-950/5 dark:hover:bg-white/5", href && !striped && "hover:bg-zinc-950/2.5 dark:hover:bg-white/2.5")
+		})
+	});
 }
 function TableHeader({ className, ...props }) {
-  const { bleed, grid } = use(TableContext);
-  return /* @__PURE__ */ jsx(
-    "th",
-    {
-      ...props,
-      className: clsx(
-        className,
-        "border-b border-b-zinc-950/10 px-4 py-2 font-medium first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2)) dark:border-b-white/10",
-        grid && "border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5",
-        !bleed && "sm:first:pl-1 sm:last:pr-1"
-      )
-    }
-  );
+	const { bleed, grid } = use(TableContext);
+	return /* @__PURE__ */ jsx("th", {
+		...props,
+		className: clsx(className, "border-b border-b-zinc-950/10 px-4 py-2 font-medium first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2)) dark:border-b-white/10", grid && "border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5", !bleed && "sm:first:pl-1 sm:last:pr-1")
+	});
 }
 function TableCell({ className, children, ...props }) {
-  const { bleed, dense, grid, striped } = use(TableContext);
-  const { href, target, title } = use(TableRowContext);
-  const [cellRef, setCellRef] = useState(null);
-  return /* @__PURE__ */ jsxs(
-    "td",
-    {
-      ref: href ? setCellRef : void 0,
-      ...props,
-      className: clsx(
-        className,
-        "relative px-4 first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2))",
-        !striped && "border-b border-zinc-950/5 dark:border-white/5",
-        grid && "border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5",
-        dense ? "py-2.5" : "py-4",
-        !bleed && "sm:first:pl-1 sm:last:pr-1"
-      ),
-      children: [
-        href && /* @__PURE__ */ jsx(
-          Link,
-          {
-            "data-row-link": true,
-            href,
-            target,
-            "aria-label": title,
-            tabIndex: cellRef?.previousElementSibling === null ? 0 : -1,
-            className: "absolute inset-0 focus:outline-hidden"
-          }
-        ),
-        children
-      ]
-    }
-  );
+	const { bleed, dense, grid, striped } = use(TableContext);
+	const { href, target, title } = use(TableRowContext);
+	const [cellRef, setCellRef] = useState(null);
+	return /* @__PURE__ */ jsxs("td", {
+		ref: href ? setCellRef : void 0,
+		...props,
+		className: clsx(className, "relative px-4 first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2))", !striped && "border-b border-zinc-950/5 dark:border-white/5", grid && "border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5", dense ? "py-2.5" : "py-4", !bleed && "sm:first:pl-1 sm:last:pr-1"),
+		children: [href && /* @__PURE__ */ jsx(Link, {
+			"data-row-link": true,
+			href,
+			target,
+			"aria-label": title,
+			tabIndex: cellRef?.previousElementSibling === null ? 0 : -1,
+			className: "absolute inset-0 focus:outline-hidden"
+		}), children]
+	});
 }
-export {
-  A as Accordion,
-  a as AccordionItem,
-  b as Alert,
-  c as AlertActions,
-  d as AlertBody,
-  e as AlertDescription,
-  f as AlertTitle,
-  g as Avatar,
-  i as AvatarGroup,
-  B as Badge,
-  k as Breadcrumb,
-  l as Button,
-  C as Callout,
-  m as Checkbox,
-  n as CheckboxCVA,
-  o as CheckboxField,
-  p as CheckboxGroup,
-  q as CheckboxIndicator,
-  s as CodeBlock,
-  t as Combobox,
-  u as ComboboxDescription,
-  v as ComboboxLabel,
-  w as ComboboxOption,
-  bl as Description,
-  D as DescriptionDetails,
-  x as DescriptionList,
-  y as DescriptionTerm,
-  z as Dialog,
-  E as DialogActions,
-  F as DialogBody,
-  G as DialogDescription,
-  H as DialogTitle,
-  I as Divider,
-  J as Drawer,
-  K as DrawerBody,
-  L as DrawerFooter,
-  M as DrawerHeader,
-  N as Dropdown,
-  O as DropdownButton,
-  P as DropdownDescription,
-  Q as DropdownDivider,
-  R as DropdownHeader,
-  S as DropdownHeading,
-  T as DropdownItem,
-  U as DropdownLabel,
-  V as DropdownMenu,
-  bm as DropdownSection,
-  W as DropdownShortcut,
-  X as EmptyState,
-  bn as ErrorMessage,
-  Y as Field,
-  Z as FieldGroup,
-  $ as Fieldset,
-  bo as FieldsetLabel,
-  Heading,
-  a0 as Input,
-  a1 as InputGroup,
-  a2 as Kbd,
-  a3 as KbdShortcut,
-  a6 as Legend,
-  Link,
-  a7 as Listbox,
-  a8 as ListboxDescription,
-  a9 as ListboxLabel,
-  aa as ListboxOption,
-  ab as Navbar,
-  ac as NavbarDivider,
-  ad as NavbarItem,
-  ae as NavbarLabel,
-  af as NavbarSection,
-  ag as NavbarSpacer,
-  P2 as Pagination,
-  b2 as PaginationContent,
-  c2 as PaginationEllipsis,
-  d2 as PaginationItem,
-  e2 as PaginationLink,
-  f2 as PaginationNext,
-  g2 as PaginationPrevious,
-  h as PricingTable,
-  ah as Progress,
-  ai as Radio,
-  aj as RadioField,
-  ak as RadioGroup,
-  al as Rating,
-  am as Select,
-  an as SelectCVA,
-  ao as SelectContent,
-  ap as SelectGroup,
-  aq as SelectItem,
-  ar as SelectLabel,
-  as as SelectScrollDownButton,
-  at as SelectScrollUpButton,
-  au as SelectSeparator,
-  av as SelectTrigger,
-  aw as SelectValue,
-  ax as Sidebar,
-  ay as SidebarBody,
-  az as SidebarDivider,
-  aA as SidebarFooter,
-  aB as SidebarHeader,
-  aC as SidebarHeading,
-  aD as SidebarItem,
-  aE as SidebarLabel,
-  aF as SidebarLayout,
-  aG as SidebarSection,
-  aH as SidebarSpacer,
-  aI as Skeleton,
-  aJ as SkeletonCard,
-  aK as SkeletonText,
-  aL as Slider,
-  aM as StackedLayout,
-  aN as Stat,
-  aO as StatGroup,
-  aP as Stepper,
-  aQ as Switch,
-  aR as SwitchField,
-  aS as SwitchGroup,
-  aT as Tab,
-  aU as TabList,
-  aV as TabPanel,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-  aW as Tabs,
-  bp as Text,
-  aX as Textarea,
-  aY as Timeline,
-  aZ as TimelineItem,
-  a_ as ToastProvider,
-  a$ as Tooltip,
-  b0 as TouchTarget,
-  bg as useToast
-};
-//# sourceMappingURL=client.js.map
+//#endregion
+export { Accordion, AccordionItem, Alert, AlertActions, AlertBody, AlertDescription, AlertTitle, Avatar, AvatarGroup, Badge, Breadcrumb, Button, Callout, Checkbox, Checkbox$1 as CheckboxCVA, CheckboxField, CheckboxGroup, CheckboxIndicator, CodeBlock, Combobox, ComboboxDescription, ComboboxLabel, ComboboxOption, Description, DescriptionDetails, DescriptionList, DescriptionTerm, Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle, Divider, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DropdownButton, DropdownDescription, DropdownDivider, DropdownHeader, DropdownHeading, DropdownItem, DropdownLabel, DropdownMenu, DropdownSection, DropdownShortcut, EmptyState, ErrorMessage, Field, FieldGroup, Fieldset, Label as FieldsetLabel, Heading, Input, InputGroup, Kbd, KbdShortcut, Legend, Link, Listbox, ListboxDescription, ListboxLabel, ListboxOption, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PricingTable, Progress, Radio, RadioField, RadioGroup, Rating, Select, Select$1 as SelectCVA, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarBody, SidebarDivider, SidebarFooter, SidebarHeader, SidebarHeading, SidebarItem, SidebarLabel, SidebarLayout, SidebarSection, SidebarSpacer, Skeleton, SkeletonCard, SkeletonText, Slider, StackedLayout, Stat, StatGroup, Stepper, Switch, SwitchField, SwitchGroup, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, Text, Textarea, Timeline, TimelineItem, ToastProvider, Tooltip, TouchTarget, useToast };
+
+//# sourceMappingURL=client.js.map