@btst/components 0.0.0-stage → 1.0.0

package/dist/stepped-auto-form/index.d.mts

@@ -0,0 +1,37 @@
+'use client';
+import React__default from 'react';
+import { z } from 'zod';
+import { UseFormReturn } from 'react-hook-form';
+import { FieldConfig } from '../auto-form/index.mjs';
+import { ZodObjectOrWrapped } from '../auto-form/index.mjs';
+
+interface StepperComponentProps {
+    steps: Array<{
+        id: string;
+        label: string;
+    }>;
+    currentStepIndex: number;
+    currentStepId: string;
+    onStepClick?: (stepId: string) => void;
+    isFirst: boolean;
+    isLast: boolean;
+}
+interface SteppedAutoFormProps<SchemaType extends ZodObjectOrWrapped> {
+    formSchema: SchemaType;
+    values?: Partial<z.infer<SchemaType>>;
+    onValuesChange?: (values: Partial<z.infer<SchemaType>>, form?: UseFormReturn<z.infer<SchemaType>>) => void;
+    onSubmit?: (values: z.infer<SchemaType>) => void;
+    fieldConfig?: FieldConfig<z.infer<SchemaType>>;
+    children?: React__default.ReactNode;
+    className?: string;
+    nextButtonText?: string;
+    backButtonText?: string;
+    submitButtonText?: string;
+    StepperComponent?: React__default.ComponentType<StepperComponentProps>;
+    /** Whether the form is currently submitting. Disables submit/next buttons to prevent duplicate submissions. */
+    isSubmitting?: boolean;
+}
+declare function SteppedAutoForm<SchemaType extends ZodObjectOrWrapped>({ formSchema, values: initialValues, onValuesChange, onSubmit, fieldConfig, children, className, nextButtonText, backButtonText, submitButtonText, StepperComponent, isSubmitting, }: SteppedAutoFormProps<SchemaType>): React__default.JSX.Element | null;
+
+export { SteppedAutoForm };
+export type { SteppedAutoFormProps, StepperComponentProps };

package/dist/stepped-auto-form/index.d.ts

@@ -0,0 +1,37 @@
+'use client';
+import React__default from 'react';
+import { z } from 'zod';
+import { UseFormReturn } from 'react-hook-form';
+import { FieldConfig } from '../auto-form/index.js';
+import { ZodObjectOrWrapped } from '../auto-form/index.js';
+
+interface StepperComponentProps {
+    steps: Array<{
+        id: string;
+        label: string;
+    }>;
+    currentStepIndex: number;
+    currentStepId: string;
+    onStepClick?: (stepId: string) => void;
+    isFirst: boolean;
+    isLast: boolean;
+}
+interface SteppedAutoFormProps<SchemaType extends ZodObjectOrWrapped> {
+    formSchema: SchemaType;
+    values?: Partial<z.infer<SchemaType>>;
+    onValuesChange?: (values: Partial<z.infer<SchemaType>>, form?: UseFormReturn<z.infer<SchemaType>>) => void;
+    onSubmit?: (values: z.infer<SchemaType>) => void;
+    fieldConfig?: FieldConfig<z.infer<SchemaType>>;
+    children?: React__default.ReactNode;
+    className?: string;
+    nextButtonText?: string;
+    backButtonText?: string;
+    submitButtonText?: string;
+    StepperComponent?: React__default.ComponentType<StepperComponentProps>;
+    /** Whether the form is currently submitting. Disables submit/next buttons to prevent duplicate submissions. */
+    isSubmitting?: boolean;
+}
+declare function SteppedAutoForm<SchemaType extends ZodObjectOrWrapped>({ formSchema, values: initialValues, onValuesChange, onSubmit, fieldConfig, children, className, nextButtonText, backButtonText, submitButtonText, StepperComponent, isSubmitting, }: SteppedAutoFormProps<SchemaType>): React__default.JSX.Element | null;
+
+export { SteppedAutoForm };
+export type { SteppedAutoFormProps, StepperComponentProps };

package/dist/stepped-auto-form/index.mjs

@@ -0,0 +1 @@
+export { SteppedAutoForm } from '../ui/src/components/auto-form/stepped-auto-form.mjs';

package/dist/style.css

@@ -0,0 +1,440 @@
+@import "@milkdown/crepe/theme/common/style.css";
+.markdown-content .markdown-inner .markdown-body {
+	font-family: var(--crepe-font-default);
+	color: var(--crepe-color-on-background);
+	background: var(--crepe-color-background);
+	padding: 0px;
+}
+
+.markdown-content .markdown-inner .markdown-body img {
+	vertical-align: bottom;
+	max-width: 100%;
+}
+
+.markdown-content .markdown-inner .markdown-body .markdown-image-wrapper {
+	display: block;
+	position: relative;
+	width: 100%;
+	aspect-ratio: 16 / 9;
+	min-height: 200px;
+}
+
+.markdown-content .markdown-inner .markdown-body .markdown-image-wrapper > div {
+	width: 100%;
+	height: 100%;
+}
+
+.markdown-content .markdown-inner .markdown-body .markdown-image-wrapper img {
+	object-fit: contain;
+}
+
+.markdown-content .markdown-inner .markdown-body h1,
+.markdown-content .markdown-inner .markdown-body h2,
+.markdown-content .markdown-inner .markdown-body h3,
+.markdown-content .markdown-inner .markdown-body h4,
+.markdown-content .markdown-inner .markdown-body h5,
+.markdown-content .markdown-inner .markdown-body h6 {
+	font-family: var(--crepe-font-title);
+	font-weight: 400;
+	padding: 2px 0;
+	scroll-margin-top: 56px;
+}
+
+.markdown-content .markdown-inner .markdown-body h1 .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h2 .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h3 .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h4 .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h5 .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h6 .heading-anchor {
+	opacity: 0;
+	margin-left: 8px;
+	color: var(--crepe-color-on-surface-variant);
+	text-decoration: none;
+	transition: opacity 0.15s ease-in-out;
+}
+
+.markdown-content .markdown-inner .markdown-body h1:hover .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h2:hover .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h3:hover .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h4:hover .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h5:hover .heading-anchor,
+.markdown-content .markdown-inner .markdown-body h6:hover .heading-anchor {
+	opacity: 1;
+}
+
+.markdown-content .markdown-inner .markdown-body h1 {
+	font-size: 42px;
+	line-height: 50px;
+	margin-top: 32px;
+}
+
+.markdown-content .markdown-inner .markdown-body h2 {
+	font-size: 36px;
+	line-height: 44px;
+	margin-top: 28px;
+}
+
+.markdown-content .markdown-inner .markdown-body h3 {
+	font-size: 32px;
+	line-height: 40px;
+	margin-top: 24px;
+}
+
+.markdown-content .markdown-inner .markdown-body h4 {
+	font-size: 28px;
+	line-height: 36px;
+	margin-top: 20px;
+}
+
+.markdown-content .markdown-inner .markdown-body h5 {
+	font-size: 24px;
+	line-height: 32px;
+	margin-top: 16px;
+}
+
+.markdown-content .markdown-inner .markdown-body h6 {
+	font-size: 18px;
+	font-weight: 700;
+	line-height: 28px;
+	margin-top: 16px;
+}
+
+.markdown-content .markdown-inner .markdown-body p {
+	font-size: 16px;
+	line-height: 24px;
+	padding: 4px 0;
+}
+
+.markdown-content .markdown-inner .markdown-body a {
+	color: var(--crepe-color-primary);
+	text-decoration: underline;
+}
+
+.markdown-content .markdown-inner .markdown-body code {
+	color: var(--crepe-color-inline-code);
+	background: color-mix(
+		in srgb,
+		var(--crepe-color-inline-area),
+		transparent 40%
+	);
+	font-family: var(--crepe-font-code);
+	padding: 0 2px;
+	border-radius: 4px;
+	font-size: 87.5%;
+	display: inline-block;
+	line-height: 1.4286;
+}
+
+.markdown-content .markdown-inner .markdown-body pre {
+	background: color-mix(
+		in srgb,
+		var(--crepe-color-inline-area),
+		transparent 40%
+	);
+	padding: 10px;
+	border-radius: 4px;
+	overflow-x: auto;
+}
+
+.markdown-content .markdown-inner .markdown-body pre code {
+	padding: 0;
+	background: transparent;
+}
+
+/* Ensure highlight.js themes color tokens inside our containers */
+.markdown-content .markdown-inner .markdown-body pre code.hljs,
+.markdown-content .markdown-inner .markdown-body code.hljs {
+	display: block;
+	overflow-x: auto;
+}
+
+/* Dark mode overrides for highlight.js tokens that have poor visibility */
+@media (prefers-color-scheme: dark) {
+	.markdown-content .markdown-inner .markdown-body .hljs-attr {
+		color: #ff9ac1;
+	}
+	.markdown-content .markdown-inner .markdown-body .hljs-params {
+		color: #ffb86c;
+	}
+	.markdown-content .markdown-inner .markdown-body .hljs-punctuation {
+		color: #c9d1d9;
+	}
+}
+
+/* Also support Tailwind dark class for dark mode */
+.dark .markdown-content .markdown-inner .markdown-body .hljs-attr {
+	color: #ff9ac1;
+}
+.dark .markdown-content .markdown-inner .markdown-body .hljs-params {
+	color: #ffb86c;
+}
+.dark .markdown-content .markdown-inner .markdown-body .hljs-punctuation {
+	color: #c9d1d9;
+}
+
+.markdown-content .markdown-inner .markdown-code-block {
+	display: block;
+	position: relative;
+	padding: 40px 8px 20px 20px;
+	margin: 4px 0;
+}
+
+.markdown-content .markdown-inner .markdown-code-block pre {
+	background: transparent;
+	padding: 0;
+	border-radius: 0;
+}
+
+/* Layout wrapper to host gutter and code content side-by-side */
+.markdown-content .markdown-inner .markdown-code-block .code-content {
+	display: grid;
+	grid-template-columns: var(--code-gutter-width, 3ch) 1fr;
+	gap: 0.35rem;
+	align-items: stretch;
+}
+
+/* Gutter line numbers */
+.markdown-content .markdown-inner .markdown-code-block .line-numbers {
+	list-style: none;
+	margin: 0;
+	user-select: none;
+	color: var(--crepe-color-on-surface-variant);
+	text-align: end;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	height: 100%;
+}
+
+.markdown-content .markdown-inner .markdown-code-block .line-numbers li {
+	font-family: var(--crepe-font-code);
+	font-size: 12px;
+}
+
+.markdown-content .markdown-inner .markdown-code-block .code-toolbar {
+	position: absolute;
+	top: 8px;
+	left: 18px;
+	right: 18px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	pointer-events: none;
+	opacity: 0;
+	transition: opacity 0.15s ease-in-out;
+}
+
+.markdown-content .markdown-inner .markdown-code-block:hover .code-toolbar {
+	opacity: 1;
+}
+
+/* Also reveal toolbar when focused via keyboard for accessibility */
+.markdown-content .markdown-inner .markdown-code-block:focus-within .code-toolbar {
+	opacity: 1;
+}
+
+.markdown-content .markdown-inner .markdown-code-block .language-label {
+	pointer-events: auto;
+	font-family: var(--crepe-font-default);
+	font-size: 12px;
+	font-weight: 600;
+	line-height: 16px;
+	color: var(--crepe-color-on-surface-variant);
+	background: var(--crepe-color-surface-low);
+	padding: 2px 8px;
+	border-radius: 4px;
+}
+
+.markdown-content .markdown-inner .markdown-code-block .copy-button {
+	pointer-events: auto;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	background: var(--crepe-color-surface-low);
+	color: var(--crepe-color-on-surface-variant);
+	border-radius: 4px;
+	padding: 4px 8px;
+	height: 26px;
+	width: 32px;
+	cursor: pointer;
+	transition: background-color 0.2s ease-in-out;
+}
+
+.markdown-content .markdown-inner .markdown-code-block .copy-button:hover {
+	background: var(--crepe-color-hover);
+}
+
+.markdown-content .markdown-inner .markdown-body blockquote {
+	position: relative;
+	padding-left: 40px;
+	padding-top: 0;
+	padding-bottom: 0;
+	box-sizing: content-box;
+	margin: 4px 0;
+}
+
+.markdown-content .markdown-inner .markdown-body blockquote::before {
+	content: "";
+	width: 4px;
+	left: 0;
+	top: 4px;
+	bottom: 4px;
+	position: absolute;
+	background: var(--crepe-color-selected);
+	border-radius: 100px;
+}
+
+.markdown-content .markdown-inner .markdown-body hr {
+	border: none;
+	background-color: color-mix(
+		in srgb,
+		var(--crepe-color-outline),
+		transparent 80%
+	);
+	background-clip: content-box;
+	padding: 6px 0;
+	height: 13px;
+	position: relative;
+}
+
+.markdown-content .markdown-inner .markdown-body ul:not(.contains-task-list) {
+	padding: 0;
+	list-style-type: disc;
+	margin-left: 26px;
+}
+
+.markdown-content
+	.markdown-inner
+	.markdown-body
+	ul:not(.contains-task-list)
+	li::marker {
+	color: var(--crepe-color-outline);
+	font-size: 1.2em;
+}
+
+.markdown-content .markdown-inner .markdown-body ol {
+	padding: 0;
+	list-style-type: decimal;
+	margin-left: 20px;
+}
+
+.markdown-content .markdown-inner .markdown-body li.task-list-item {
+	position: relative;
+	list-style: none;
+	padding-left: 28px;
+}
+
+.markdown-content
+	.markdown-inner
+	.markdown-body
+	li.task-list-item
+	input[type="checkbox"] {
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	left: 0;
+	margin: 0;
+}
+
+.markdown-content .markdown-inner .markdown-body table {
+	border-collapse: collapse;
+	table-layout: fixed;
+	width: 100%;
+	margin: 4px 0;
+}
+
+.markdown-content .markdown-inner .markdown-body th,
+.markdown-content .markdown-inner .markdown-body td {
+	border: 1px solid
+		color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
+	padding: 4px 16px;
+	overflow-wrap: anywhere;
+}
+
+.markdown-content .markdown-inner .markdown-body .katex {
+	display: inline-block;
+	max-width: 100%;
+	overflow-x: auto;
+	text-align: start;
+	vertical-align: middle;
+}
+
+.markdown-content .markdown-inner .markdown-body .katex:focus-visible {
+	outline: 2px solid currentColor;
+	outline-offset: 2px;
+}
+
+/* Simplified chat variant - more compact for chat messages */
+.markdown-content-chat .markdown-inner .markdown-body {
+	padding: 0;
+}
+
+.markdown-content-chat .markdown-inner .markdown-body h1,
+.markdown-content-chat .markdown-inner .markdown-body h2,
+.markdown-content-chat .markdown-inner .markdown-body h3,
+.markdown-content-chat .markdown-inner .markdown-body h4,
+.markdown-content-chat .markdown-inner .markdown-body h5,
+.markdown-content-chat .markdown-inner .markdown-body h6 {
+	margin-top: 12px;
+}
+
+.markdown-content-chat .markdown-inner .markdown-body h1 {
+	font-size: 24px;
+	line-height: 32px;
+}
+
+.markdown-content-chat .markdown-inner .markdown-body h2 {
+	font-size: 20px;
+	line-height: 28px;
+}
+
+.markdown-content-chat .markdown-inner .markdown-body h3 {
+	font-size: 18px;
+	line-height: 26px;
+}
+
+.markdown-content-chat .markdown-inner .markdown-body p {
+	font-size: 14px;
+	line-height: 22px;
+	padding: 2px 0;
+}
+
+.markdown-content-chat .markdown-inner .markdown-code-block {
+	padding: 32px 8px 12px 12px;
+}
+
+
+.milkdown-custom .milkdown {
+	border-radius: calc(var(--radius) - 2px);
+	--crepe-color-background: var(--background);
+	--crepe-color-surface: var(--background);
+	--crepe-color-surface-low: var(--muted);
+	--crepe-color-on-background: var(--foreground);
+	--crepe-color-on-surface: var(--secondary-foreground);
+	--crepe-color-on-surface-variant: var(--muted-foreground);
+	--crepe-color-primary: var(--primary);
+	--crepe-color-secondary: var(--secondary);
+	--crepe-color-on-secondary: var(--secondary-foreground);
+	--crepe-color-outline: var(--muted-foreground);
+	--crepe-color-inverse: var(--popover);
+	--crepe-color-on-inverse: var(--popover-foreground);
+	--crepe-color-inline-code: var(--secondary-foreground);
+	--crepe-color-error: var(--destructive);
+	--crepe-color-hover: var(--accent);
+	--crepe-color-selected: var(--secondary);
+	--crepe-color-inline-area: var(--secondary);
+	--crepe-font-title: var(--font-sans);
+	--crepe-font-default: var(--font-sans);
+	--crepe-font-code: var(--font-mono);
+	--crepe-shadow-1:
+		0px 1px 3px 1px color-mix(in oklch, var(--ring) 28%, transparent), 0px 1px
+		2px 0px color-mix(in oklch, var(--ring) 22%, transparent);
+	--crepe-shadow-2:
+		0px 2px 6px 2px color-mix(in oklch, var(--ring) 28%, transparent), 0px 1px
+		2px 0px color-mix(in oklch, var(--ring) 22%, transparent);
+	height: inherit;
+}
+
+
+@source "./**/*.{mjs,cjs}";

package/dist/ui/src/components/accordion.cjs

@@ -0,0 +1,81 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const AccordionPrimitive = require('@radix-ui/react-accordion');
+const lucideReact = require('lucide-react');
+const utils = require('../lib/utils.cjs');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return n;
+}
+
+const AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespaceCompat(AccordionPrimitive);
+
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Item,
+    {
+      "data-slot": "accordion-item",
+      className: utils.cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    AccordionPrimitive__namespace.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: utils.cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;

package/dist/ui/src/components/accordion.mjs

@@ -0,0 +1,62 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDownIcon } from 'lucide-react';
+import { cn } from '../lib/utils.mjs';
+
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/ui/src/components/auto-form/common/label.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../form.cjs');
+const utils = require('../../../lib/utils.cjs');
+
+function AutoFormLabel({
+  label,
+  isRequired,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(form.FormLabel, { className: utils.cn(className), children: [
+    label,
+    isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: " *" })
+  ] }) });
+}
+
+module.exports = AutoFormLabel;

package/dist/ui/src/components/auto-form/common/label.mjs

@@ -0,0 +1,16 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { FormLabel } from '../../form.mjs';
+import { cn } from '../../../lib/utils.mjs';
+
+function AutoFormLabel({
+  label,
+  isRequired,
+  className
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(FormLabel, { className: cn(className), children: [
+    label,
+    isRequired && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+  ] }) });
+}
+
+export { AutoFormLabel as default };

package/dist/ui/src/components/auto-form/common/tooltip.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+
+function AutoFormTooltip({ fieldConfigItem }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fieldConfigItem?.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-white", children: fieldConfigItem.description }) });
+}
+
+module.exports = AutoFormTooltip;