@bysages/solid 0.4.0 → 0.4.2

package/dist/components/checkbox-group/index.mjs

@@ -2,8 +2,8 @@ import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, splitProps } from "solid-js";
 import { useFieldContext } from "@ark-ui/solid/field";
 import { Checkbox } from "@ark-ui/solid/checkbox";
@@ -11,7 +11,7 @@ import { Checkbox } from "@ark-ui/solid/checkbox";
 function checkIcon() {
 	return iconNode("check");
 }
-function CheckboxGroupImpl(props) {
+function CheckboxGroupFacade(props) {
 	injectComponentStyle("checkbox-group");
 	injectComponentStyle("checkbox");
 	const field = useFieldContext();
@@ -89,6 +89,6 @@ function CheckboxGroupImpl(props) {
 		}
 	}));
 }
-const CheckboxGroup = defineFamily(CheckboxGroupImpl, Checkbox$1);
+const CheckboxGroup = defineFamily(CheckboxGroupFacade, Checkbox$1);
 //#endregion
 export { CheckboxGroup };

package/dist/components/chip/index.d.mts

@@ -5,7 +5,7 @@ import { JSX } from "solid-js";
 export interface ChipProps extends JSX.HTMLAttributes<HTMLSpanElement> {
   value: number;
   max?: number;
-  tone?: "ink" | "info" | "success" | "warning" | "danger";
+  tone?: "ink" | "primary" | "success" | "warning" | "danger" | "info";
   variant?: "solid" | "subtle" | "outline";
 }
 export declare const Chip: ((props: ChipProps) => JSX.Element) & {

package/dist/components/chip/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { insert, memo, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/chip/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<span>`);

package/dist/components/clipboard/index.d.mts

@@ -10,7 +10,20 @@ type ClipboardOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function ClipboardRoot(props: ClipboardRootProps & ClipboardOwnProps): import("solid-js").JSX.Element;
-export declare const Clipboard: typeof ClipboardRoot & Omit<typeof Clipboard$1, "Root"> & {
+export interface ClipboardFacadeProps {
+  value?: string;
+  defaultValue?: string;
+  disabled?: boolean;
+  label?: string;
+  placeholder?: string;
+  /** One rung of the control-height ladder for the value field and its copy seal. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: string) => void;
+}
+/** The complete copy field behind one value: a labelled read-only input and
+ * its confirmed copy trigger. */
+declare function ClipboardFacade(props: ClipboardFacadeProps): import("solid-js").JSX.Element;
+export declare const Clipboard: typeof ClipboardFacade & Omit<typeof Clipboard$1, "Root"> & {
   Root: typeof ClipboardRoot;
 };
 //#endregion

package/dist/components/clipboard/index.mjs

@@ -1,7 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
+import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { Clipboard as Clipboard$1 } from "@ark-ui/solid/clipboard";
 //#region src/components/clipboard/index.tsx
@@ -18,7 +19,61 @@ function ClipboardRoot(props) {
 		}
 	}));
 }
-const Clipboard = defineFamily(ClipboardRoot, {
+/** The complete copy field behind one value: a labelled read-only input and
+* its confirmed copy trigger. */
+function ClipboardFacade(props) {
+	return createComponent(ClipboardRoot, mergeProps({
+		get size() {
+			return props.size ?? "md";
+		},
+		get defaultValue() {
+			return props.defaultValue;
+		}
+	}, () => {
+		return props.value === void 0 ? {} : { value: props.value };
+	}, {
+		onValueChange: (details) => props.onValueChange?.(details.value),
+		get children() {
+			return [memo(() => {
+				return memo(() => {
+					return !!props.label;
+				})() ? createComponent(Clipboard$1.Label, { get children() {
+					return props.label;
+				} }) : null;
+			}), createComponent(Clipboard$1.Control, { get children() {
+				return [createComponent(Clipboard$1.Input, {
+					get placeholder() {
+						return props.placeholder;
+					},
+					get disabled() {
+						return props.disabled;
+					}
+				}), createComponent(Clipboard$1.Trigger, {
+					get disabled() {
+						return props.disabled;
+					},
+					get children() {
+						return createComponent(Clipboard$1.Indicator, {
+							get copied() {
+								return iconNode("check", {
+									width: "14",
+									height: "14"
+								});
+							},
+							get children() {
+								return iconNode("copy", {
+									width: "14",
+									height: "14"
+								});
+							}
+						});
+					}
+				})];
+			} })];
+		}
+	}));
+}
+const Clipboard = defineFamily(ClipboardFacade, {
 	...Clipboard$1,
 	Root: ClipboardRoot
 });

package/dist/components/collapsible/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Collapsible as Collapsible$1 } from "@ark-ui/solid/collapsible";
 //#region src/components/collapsible/index.tsx

package/dist/components/color-picker/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, mergeProps, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
 import { ColorPicker as ColorPicker$1, parseColor } from "@ark-ui/solid/color-picker";
 //#region src/components/color-picker/index.tsx

package/dist/components/combobox/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, splitProps } from "solid-js";
 import { Combobox as Combobox$1, createListCollection } from "@ark-ui/solid/combobox";
 //#region src/components/combobox/index.tsx

package/dist/components/command/index.mjs

@@ -2,8 +2,8 @@ import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { Dialog as Dialog$1 } from "../dialog/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createEffect, createSignal, splitProps } from "solid-js";
 import { useListCollection } from "@ark-ui/solid/collection";
 import { Combobox } from "@ark-ui/solid/combobox";

package/dist/components/comment/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, effect, insert, setAttribute, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
 //#region src/components/comment/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=comment data-part=avatar>`);

package/dist/components/container/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/container/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

package/dist/components/data-view/index.mjs

@@ -1,8 +1,8 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, effect, insert, memo, setAttribute, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createSignal, splitProps } from "solid-js";
 //#region src/components/data-view/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=data-view data-part=pager>`);

package/dist/components/date-input/index.d.mts

@@ -1,4 +1,4 @@
-import { DateInput as DateInput$1, DateInputRootProps } from "@ark-ui/solid/date-input";
+import { DateInput as DateInput$1, DateInputDateValue, DateInputRootProps } from "@ark-ui/solid/date-input";
 //#region src/components/date-input/index.d.ts
 /** Ark's DateInput, dressed in the paper-and-ink system: a segmented
  * field where the focused segment takes the flat ink fill. The API is
@@ -9,7 +9,21 @@ type DateInputOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function DateInputRoot(props: DateInputRootProps & DateInputOwnProps): import("solid-js").JSX.Element;
-export declare const DateInput: typeof DateInputRoot & Omit<typeof DateInput$1, "Root"> & {
+type DateInputFacadeValue = DateInputDateValue | DateInputDateValue[];
+export interface DateInputFacadeProps {
+  value?: DateInputFacadeValue;
+  defaultValue?: DateInputFacadeValue;
+  disabled?: boolean;
+  invalid?: boolean;
+  required?: boolean;
+  label?: string;
+  /** One rung of the control-height ladder for the segmented field. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: DateInputDateValue[]) => void;
+}
+/** The complete segmented date field behind one value. */
+declare function DateInputFacade(props: DateInputFacadeProps): import("solid-js").JSX.Element;
+export declare const DateInput: typeof DateInputFacade & Omit<typeof DateInput$1, "Root"> & {
   Root: typeof DateInputRoot;
 };
 //#endregion

package/dist/components/date-input/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
-import { splitProps } from "solid-js";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Show, splitProps } from "solid-js";
 import { DateInput as DateInput$1 } from "@ark-ui/solid/date-input";
 //#region src/components/date-input/index.tsx
 function DateInputRoot(props) {
@@ -17,7 +17,56 @@ function DateInputRoot(props) {
 		}
 	}));
 }
-const DateInput = defineFamily(DateInputRoot, {
+function toDateInputValue(value) {
+	if (value === void 0) return void 0;
+	return Array.isArray(value) ? value : [value];
+}
+/** The complete segmented date field behind one value. */
+function DateInputFacade(props) {
+	injectComponentStyle("date-input");
+	return createComponent(DateInputRoot, mergeProps({
+		get size() {
+			return props.size ?? "md";
+		},
+		get defaultValue() {
+			return toDateInputValue(props.defaultValue);
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		get invalid() {
+			return props.invalid;
+		},
+		get required() {
+			return props.required;
+		}
+	}, () => {
+		return props.value === void 0 ? {} : { value: toDateInputValue(props.value) };
+	}, {
+		onValueChange: (details) => props.onValueChange?.(details.value),
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return props.label;
+					},
+					get children() {
+						return createComponent(DateInput$1.Label, { get children() {
+							return props.label;
+						} });
+					}
+				}),
+				createComponent(DateInput$1.Control, { get children() {
+					return createComponent(DateInput$1.SegmentGroup, { get children() {
+						return createComponent(DateInput$1.SegmentContext, { children: (segment) => createComponent(DateInput$1.Segment, { segment }) });
+					} });
+				} }),
+				createComponent(DateInput$1.HiddenInput, {})
+			];
+		}
+	}));
+}
+const DateInput = defineFamily(DateInputFacade, {
 	...DateInput$1,
 	Root: DateInputRoot
 });

package/dist/components/date-picker/index.d.mts

@@ -1,4 +1,4 @@
-import { DatePicker as DatePicker$1, DatePickerRootProps } from "@ark-ui/solid/date-picker";
+import { DatePicker as DatePicker$1, DatePickerDateRangePreset, DatePickerRootProps, DateValue } from "@ark-ui/solid/date-picker";
 //#region src/components/date-picker/index.d.ts
 /** Ark's DatePicker, dressed in the paper-and-ink system: the popup
  * dissolves in on elevation, selected days take the flat ink fill, and
@@ -11,7 +11,32 @@ type DatePickerOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function DatePickerRoot(props: DatePickerRootProps & DatePickerOwnProps): import("solid-js").JSX.Element;
-export declare const DatePicker: typeof DatePickerRoot & Omit<typeof DatePicker$1, "Root"> & {
+type DatePickerFacadeValue = DateValue | DateValue[];
+/** One quick choice in the popup: a named range, or exact dates. */
+export type DatePickerPreset = {
+  label: string;
+  value: DatePickerDateRangePreset | DateValue[];
+};
+/** The complete picker behind one date: the field opens a single day grid,
+ * while ranges, multiple selection, and custom views remain anatomy work. */
+export interface DatePickerFacadeProps {
+  value?: DatePickerFacadeValue;
+  defaultValue?: DatePickerFacadeValue;
+  disabled?: boolean;
+  invalid?: boolean;
+  required?: boolean;
+  label?: string;
+  placeholder?: string;
+  /** One rung of the control-height ladder for the field row. */
+  size?: "sm" | "md" | "lg";
+  /** Quick choices rendered above the calendar; the picker's own preset
+   * machine resolves named ranges. */
+  presets?: DatePickerPreset[];
+  onValueChange?: (value: DateValue[]) => void;
+}
+declare function DatePickerFacade(props: DatePickerFacadeProps): import("solid-js").JSX.Element;
+type DatePickerParts = Omit<typeof DatePicker$1, "Root"> & {
   Root: typeof DatePickerRoot;
 };
+export declare const DatePicker: typeof DatePickerFacade & DatePickerParts;
 //#endregion

package/dist/components/date-picker/index.mjs

@@ -1,10 +1,12 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
+import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
-import { createComponent, mergeProps } from "@solidjs/web";
-import { splitProps } from "solid-js";
+import { createComponent, insert, memo, mergeProps, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { For, Show, splitProps } from "solid-js";
 import { DatePicker as DatePicker$1 } from "@ark-ui/solid/date-picker";
 //#region src/components/date-picker/index.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=date-picker data-part=presets>`);
 function DatePickerRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("date-picker", () => rest.id);
@@ -17,7 +19,154 @@ function DatePickerRoot(props) {
 		}
 	}));
 }
-const DatePicker = defineFamily(DatePickerRoot, {
+function toDatePickerValue(value) {
+	if (value === void 0) return void 0;
+	return Array.isArray(value) ? value : [value];
+}
+function DatePickerFacade(props) {
+	injectComponentStyle("date-picker");
+	return createComponent(DatePickerRoot, mergeProps({
+		get size() {
+			return props.size ?? "md";
+		},
+		get defaultValue() {
+			return toDatePickerValue(props.defaultValue);
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		get invalid() {
+			return props.invalid;
+		},
+		get placeholder() {
+			return props.placeholder;
+		},
+		get required() {
+			return props.required;
+		}
+	}, () => {
+		return props.value === void 0 ? {} : { value: toDatePickerValue(props.value) };
+	}, {
+		onValueChange: (details) => props.onValueChange?.(details.value),
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return props.label;
+					},
+					get children() {
+						return createComponent(DatePicker$1.Label, { get children() {
+							return props.label;
+						} });
+					}
+				}),
+				createComponent(DatePicker$1.Control, { get children() {
+					return [createComponent(DatePicker$1.Input, { get "aria-label"() {
+						return memo(() => {
+							return !!props.label;
+						})() ? void 0 : props.placeholder;
+					} }), createComponent(DatePicker$1.Trigger, { get children() {
+						return iconNode("calendar", {
+							width: "16",
+							height: "16"
+						});
+					} })];
+				} }),
+				createComponent(DatePicker$1.Positioner, { get children() {
+					return createComponent(DatePicker$1.Content, { get children() {
+						return createComponent(DatePicker$1.View, {
+							view: "day",
+							get children() {
+								return createComponent(DatePicker$1.Context, { children: (dp) => [
+									createComponent(Show, {
+										get when() {
+											return props.presets?.length;
+										},
+										get children() {
+											var _el$ = _tmpl$();
+											insert(_el$, createComponent(For, {
+												get each() {
+													return props.presets;
+												},
+												children: (preset) => createComponent(DatePicker$1.PresetTrigger, {
+													get value() {
+														return preset.value;
+													},
+													get children() {
+														return preset.label;
+													}
+												})
+											}));
+											return _el$;
+										}
+									}),
+									createComponent(DatePicker$1.ViewControl, { get children() {
+										return [
+											createComponent(DatePicker$1.PrevTrigger, { get children() {
+												return iconNode("chevron-left", {
+													width: "14",
+													height: "14"
+												});
+											} }),
+											createComponent(DatePicker$1.ViewTrigger, { get children() {
+												return createComponent(DatePicker$1.RangeText, {});
+											} }),
+											createComponent(DatePicker$1.NextTrigger, { get children() {
+												return iconNode("chevron-right", {
+													width: "14",
+													height: "14"
+												});
+											} })
+										];
+									} }),
+									createComponent(DatePicker$1.Table, { get children() {
+										return [createComponent(DatePicker$1.TableHead, { get children() {
+											return createComponent(DatePicker$1.TableRow, { get children() {
+												return createComponent(For, {
+													get each() {
+														return dp().weekDays;
+													},
+													children: (day) => createComponent(DatePicker$1.TableHeader, {
+														get "aria-label"() {
+															return day.long;
+														},
+														get children() {
+															return day.narrow;
+														}
+													})
+												});
+											} });
+										} }), createComponent(DatePicker$1.TableBody, { get children() {
+											return createComponent(For, {
+												get each() {
+													return dp().weeks;
+												},
+												children: (week) => createComponent(DatePicker$1.TableRow, { get children() {
+													return createComponent(For, {
+														each: week,
+														children: (day) => createComponent(DatePicker$1.TableCell, {
+															value: day,
+															get children() {
+																return createComponent(DatePicker$1.TableCellTrigger, { get children() {
+																	return day.day;
+																} });
+															}
+														})
+													});
+												} })
+											});
+										} })];
+									} })
+								] });
+							}
+						});
+					} });
+				} })
+			];
+		}
+	}));
+}
+const DatePicker = defineFamily(DatePickerFacade, {
 	...DatePicker$1,
 	Root: DatePickerRoot
 });

package/dist/components/deferred-content/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, ref, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createSignal, onCleanup, onMount, splitProps } from "solid-js";
 //#region src/components/deferred-content/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

package/dist/components/descriptions/index.mjs

@@ -1,5 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/descriptions/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<dl>`);

package/dist/components/dialog/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, memo, mergeProps, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Dialog as Dialog$1 } from "@ark-ui/solid/dialog";
 //#region src/components/dialog/index.tsx

package/dist/components/dock/index.mjs

@@ -1,5 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
 import { insert, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/dock/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);

package/dist/components/drawer/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, memo, mergeProps, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Drawer as Drawer$1 } from "@ark-ui/solid/drawer";
 //#region src/components/drawer/index.tsx

package/dist/components/dynamic-input/index.mjs

@@ -2,9 +2,9 @@ import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { Button } from "../button/index.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { t as Input } from "../../input-CPAJdwDb.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Input } from "../../input-BL3N3L8g.mjs";
 import { createComponent, insert, memo, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Index, splitProps } from "solid-js";
 //#region src/components/dynamic-input/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=dynamic-input data-part=add>`);

package/dist/components/editable/index.d.mts

@@ -9,7 +9,23 @@ type EditableOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function EditableRoot(props: EditableRootProps & EditableOwnProps): import("solid-js").JSX.Element;
-export declare const Editable: typeof EditableRoot & Omit<typeof Editable$1, "Root"> & {
+export interface EditableFacadeProps {
+  value?: string;
+  defaultValue?: string;
+  label?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  invalid?: boolean;
+  required?: boolean;
+  /** One rung of the control-height ladder for the editing field. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: string) => void;
+}
+/** The one-tag path: a named value with the house edit controls. Modes,
+ * custom triggers, and alternate editors stay on the anatomy. */
+declare function EditableFacade(props: EditableFacadeProps): import("solid-js").JSX.Element;
+type EditableParts = Omit<typeof Editable$1, "Root"> & {
   Root: typeof EditableRoot;
 };
+export declare const Editable: typeof EditableFacade & EditableParts;
 //#endregion