@chelone/vue 0.7.0 → 0.10.0

package/dist/components/ui/button-variants.js

@@ -12,7 +12,7 @@ import { cn } from "../../lib/utils.js";
 var base = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50";
 var variantClasses = {
 	default: "bg-primary text-primary-foreground hover:bg-primary/90",
-	destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+	destructive: "bg-destructive text-white hover:bg-destructive/90",
 	outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
 	secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
 	ghost: "hover:bg-accent hover:text-accent-foreground",

package/dist/components/ui/chart/chart-container.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ var chart_container_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			return openBlock(), createElementBlock("div", {
 				"data-slot": "chart",
 				"data-chart": chartId,
-				class: normalizeClass(unref(cn)("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", props.class))
+				class: normalizeClass(unref(cn)("[--vis-axis-grid-color:var(--border)] [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", props.class))
 			}, [createVNode(chart_style_default, {
 				id: chartId,
 				config: unref(config)

package/dist/components/ui/checkbox.vue_vue_type_script_setup_true_lang.js

@@ -26,7 +26,7 @@ var checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		*/
 		const props = __props;
 		const emit = __emit;
-		const classes = computed(() => cn("h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", props.class));
+		const classes = computed(() => cn("h-4 w-4 shrink-0 rounded-sm border border-primary accent-primary shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", props.class));
 		function onChange(event) {
 			if (event.target instanceof HTMLInputElement) emit("update:modelValue", event.target.checked);
 		}

package/dist/components/ui/command/command-dialog.vue_vue_type_script_setup_true_lang.js

@@ -64,7 +64,7 @@ var command_dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				"aria-modal": "true",
 				"aria-labelledby": unref(titleId),
 				"aria-describedby": unref(descriptionId),
-				class: normalizeClass(unref(cn)("fixed top-1/3 left-1/2 w-full max-w-lg -translate-x-1/2 overflow-hidden rounded-lg border bg-background p-0 shadow-lg", props.class)),
+				class: normalizeClass(unref(cn)("fixed top-1/2 left-1/2 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border bg-background p-0 shadow-lg sm:max-w-lg", props.class)),
 				"data-slot": "command-dialog-content"
 			}, [
 				createElementVNode("h2", {

package/dist/components/ui/sidebar/sidebar-menu-button.vue_vue_type_script_setup_true_lang.js

@@ -21,7 +21,7 @@ var sidebar_menu_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		* link target. `isActive` drives the `data-active` state + the active styling.
 		*/
 		const props = __props;
-		const classes = computed(() => cn("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", props.isActive && "bg-sidebar-accent font-medium text-sidebar-accent-foreground", props.size === "sm" && "h-7 text-xs", props.size === "lg" && "h-12 text-sm", props.class));
+		const classes = computed(() => cn("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", props.isActive && "bg-sidebar-accent font-medium text-sidebar-accent-foreground", props.size === "default" && "min-h-8 py-1.5", props.size === "sm" && "min-h-7 py-1.5 text-xs", props.size === "lg" && "h-12 text-sm", props.class));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
 				class: normalizeClass(classes.value),

package/dist/components/ui/sidebar/sidebar-parts.js

@@ -21,11 +21,11 @@ function structural(slot, tag, base) {
 	return component;
 }
 var SidebarHeader = structural("sidebar-header", "div", "flex flex-col gap-2 p-2");
-var SidebarContent = structural("sidebar-content", "div", "flex min-h-0 flex-1 flex-col gap-2 overflow-auto p-2");
+var SidebarContent = structural("sidebar-content", "div", "flex min-h-0 flex-1 flex-col gap-2 overflow-auto p-2 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:p-0");
 var SidebarFooter = structural("sidebar-footer", "div", "flex flex-col gap-2 p-2");
 var SidebarGroup = structural("sidebar-group", "div", "relative flex w-full min-w-0 flex-col p-2");
 var SidebarGroupContent = structural("sidebar-group-content", "div", "w-full text-sm");
-var SidebarGroupLabel = structural("sidebar-group-label", "div", "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-sidebar-foreground/70");
+var SidebarGroupLabel = structural("sidebar-group-label", "div", "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-sidebar-foreground/70 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0");
 var SidebarMenu = structural("sidebar-menu", "ul", "flex w-full min-w-0 flex-col gap-1");
 var SidebarMenuItem = structural("sidebar-menu-item", "li", "group/menu-item relative");
 export { SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem };

package/dist/components/ui/sidebar/sidebar.vue_vue_type_script_setup_true_lang.js

@@ -53,7 +53,7 @@ var sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": "Sidebar",
-				class: normalizeClass(unref(cn)("absolute inset-y-0 flex h-svh w-[--sidebar-width] flex-col bg-sidebar shadow-lg", __props.side === "right" ? "right-0" : "left-0", props.class)),
+				class: normalizeClass(unref(cn)("absolute inset-y-0 flex h-svh w-(--sidebar-width) flex-col bg-sidebar shadow-lg", __props.side === "right" ? "right-0" : "left-0", props.class)),
 				"data-side": __props.side,
 				"data-slot": "sidebar-drawer"
 			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_2)])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", {
@@ -65,7 +65,7 @@ var sidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				"data-side": __props.side,
 				"data-slot": "sidebar"
 			}, [createElementVNode("div", {
-				class: normalizeClass(unref(cn)("flex h-svh flex-col bg-sidebar transition-[width] duration-200 ease-linear", unref(state) === "collapsed" && __props.collapsible === "icon" ? "w-[--sidebar-width-icon]" : "w-[--sidebar-width]", __props.variant === "floating" && "p-2", props.class)),
+				class: normalizeClass(unref(cn)("flex h-svh flex-col bg-sidebar transition-[width] duration-200 ease-linear", unref(state) === "collapsed" && __props.collapsible === "icon" ? __props.variant === "floating" ? "w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "w-(--sidebar-width-icon)" : "w-(--sidebar-width)", __props.variant === "floating" && "p-2", props.class)),
 				"data-slot": "sidebar-inner"
 			}, [renderSlot(_ctx.$slots, "default")], 2)], 8, _hoisted_3));
 		};

package/dist/controllers/use-controller-for-id.d.ts

@@ -5,7 +5,7 @@
  * the 4R release: the old controller's observer detaches the moment the id
  * moves on, and the last scope disposal releases the final one.
  */
-import { type Identifier, type MicroStore } from "@chelone/core";
+import { type Identifier, type MicroStore, type ResourceRecord } from "@chelone/core";
 import { type Ref } from "vue";
 import type { RecordValue } from "../record/record-context.js";
 export type SourceId = Identifier | undefined;
@@ -18,7 +18,7 @@ export interface BoundController<TController, TState> {
  * {@link getAtPath} so `source="author.id"` resolves the way the field
  * composables read it. Anything but a string or number reads as no key.
  */
-export declare function foreignKeyOf(record: RecordValue, source: string): SourceId;
+export declare function foreignKeyOf(record: RecordValue<ResourceRecord>, source: string): SourceId;
 /**
  * Builds `create(id)` inside a scope of its own and keeps it bound to `id`:
  * when `id` changes the new controller is built and bound first, then the

package/dist/controllers/use-prev-next-controller.d.ts

@@ -14,11 +14,11 @@
  * once, at call time. The store key is read once, in `setup`
  * (see `useStoreItem`).
  */
-import { type LooseRecord, type PrevNextOptions } from "@chelone/core";
+import { type PrevNextOptions, type ResourceRecord } from "@chelone/core";
 import { type MaybeRefOrGetter } from "vue";
 export interface UsePrevNextControllerOptions extends PrevNextOptions {
     /** Step from this record instead of the ambient one. */
-    record?: LooseRecord;
+    record?: ResourceRecord;
 }
 export interface UsePrevNextControllerReturn {
     hasPrev: boolean;

package/dist/controllers/use-reference-many-field-controller.d.ts

@@ -10,10 +10,10 @@
  * previous subscription is released. The other options are read at `setup`.
  * There is no location sync: the list is embedded in a record.
  */
-import { type FilterPayload, type ListControllerState, type MicroStore, type RecordOf, type ReferenceManyController, type ResourceMap, type SortPayload } from "@chelone/core";
+import { type FilterPayload, type ListControllerState, type LooseRecord, type MicroStore, type RecordOf, type ReferenceManyController, type ResourceMap, type ResourceRecord, type SortPayload } from "@chelone/core";
 import { type MaybeRefOrGetter } from "vue";
 import { type RecordValue } from "../record/record-context.js";
-export interface UseReferenceManyFieldControllerOptions<TName extends string = string> {
+export interface UseReferenceManyFieldControllerOptions<TName extends string = string, RecordType extends ResourceRecord = LooseRecord> {
     /** The resource whose rows point at the record. */
     reference: TName;
     /** The field on `reference` that holds the foreign key. */
@@ -21,7 +21,7 @@ export interface UseReferenceManyFieldControllerOptions<TName extends string = s
     /** The field on the record whose value `target` must equal. Default `"id"`. */
     source?: string;
     /** Defaults to the ambient record. */
-    record?: MaybeRefOrGetter<RecordValue>;
+    record?: MaybeRefOrGetter<RecordValue<RecordType>>;
     /** Permanent filter, merged over the user filter for every fetch. */
     filter?: FilterPayload;
     /** Initial sort when nothing is persisted. Default id ascending. */
@@ -43,4 +43,4 @@ export type UseReferenceManyFieldControllerReturn<TRecord> = ListControllerState
  * actions. A record without a usable id (absent, or not a string or number)
  * fetches nothing and reads as an empty, settled list.
  */
-export declare function useReferenceManyFieldController<TResources extends ResourceMap = ResourceMap, TName extends keyof TResources & string = keyof TResources & string>(options: UseReferenceManyFieldControllerOptions<TName>): UseReferenceManyFieldControllerReturn<RecordOf<TResources, TName>>;
+export declare function useReferenceManyFieldController<TResources extends ResourceMap = ResourceMap, TName extends keyof TResources & string = keyof TResources & string, RecordType extends ResourceRecord = LooseRecord>(options: UseReferenceManyFieldControllerOptions<TName, RecordType>): UseReferenceManyFieldControllerReturn<RecordOf<TResources, TName>>;

package/dist/controllers/use-reference-one-field-controller.d.ts

@@ -8,10 +8,10 @@
  * {@link useReferenceManyFieldController}: a new id builds a new controller and
  * releases the previous subscription.
  */
-import { type FilterPayload, type MicroStore, type RecordOf, type ReferenceOneController, type ReferenceOneControllerState, type ResourceMap, type SortPayload } from "@chelone/core";
+import { type FilterPayload, type LooseRecord, type MicroStore, type RecordOf, type ReferenceOneController, type ReferenceOneControllerState, type ResourceMap, type ResourceRecord, type SortPayload } from "@chelone/core";
 import { type MaybeRefOrGetter } from "vue";
 import { type RecordValue } from "../record/record-context.js";
-export interface UseReferenceOneFieldControllerOptions<TName extends string = string> {
+export interface UseReferenceOneFieldControllerOptions<TName extends string = string, RecordType extends ResourceRecord = LooseRecord> {
     /** The resource whose rows point at the record. */
     reference: TName;
     /** The field on `reference` that holds the foreign key. */
@@ -19,7 +19,7 @@ export interface UseReferenceOneFieldControllerOptions<TName extends string = st
     /** The field on the record whose value `target` must equal. Default `"id"`. */
     source?: string;
     /** Defaults to the ambient record. */
-    record?: MaybeRefOrGetter<RecordValue>;
+    record?: MaybeRefOrGetter<RecordValue<RecordType>>;
     /** Decides which row is first when several match. */
     sort?: SortPayload | SortPayload[];
     /** Narrows the lookup. */
@@ -33,4 +33,4 @@ export type UseReferenceOneFieldControllerReturn<TRecord> = ReferenceOneControll
  * The first row of `reference` whose `target` equals `record[source]`. A record
  * without a usable id fetches nothing and reads as settled with no record.
  */
-export declare function useReferenceOneFieldController<TResources extends ResourceMap = ResourceMap, TName extends keyof TResources & string = keyof TResources & string>(options: UseReferenceOneFieldControllerOptions<TName>): UseReferenceOneFieldControllerReturn<RecordOf<TResources, TName>>;
+export declare function useReferenceOneFieldController<TResources extends ResourceMap = ResourceMap, TName extends keyof TResources & string = keyof TResources & string, RecordType extends ResourceRecord = LooseRecord>(options: UseReferenceOneFieldControllerOptions<TName, RecordType>): UseReferenceOneFieldControllerReturn<RecordOf<TResources, TName>>;