@classic-homes/theme-svelte 1.18.0 → 1.19.0

package/dist/lib/components/studio/StudioPage.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../utils.js';
+
+  /**
+   * StudioPage - a full-width, scrolling page inside a Studio, for modes that
+   * configure rather than build (Settings, Share, Deck). Pass it as the
+   * Studio's `canvas` with no rail or inspector. Group its fields in Cards or
+   * `StudioInspectorSection`s with plain headings: Basics, Schedule, Privacy...
+   */
+  interface Props {
+    title?: string;
+    description?: string;
+    children: Snippet;
+    /** Content width (default: 42rem) */
+    maxWidth?: string;
+    class?: string;
+  }
+
+  let { title, description, children, maxWidth = '42rem', class: className }: Props = $props();
+</script>
+
+<div class="h-full overflow-y-auto bg-muted/40">
+  <div
+    class={cn('mx-auto w-full space-y-6 px-4 py-6 md:py-10', className)}
+    style:max-width={maxWidth}
+  >
+    {#if title || description}
+      <div>
+        {#if title}<h2 class="text-xl font-semibold">{title}</h2>{/if}
+        {#if description}<p class="mt-1 text-sm text-muted-foreground">{description}</p>{/if}
+      </div>
+    {/if}
+    {@render children()}
+  </div>
+</div>

package/dist/lib/components/studio/StudioPage.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+/**
+ * StudioPage - a full-width, scrolling page inside a Studio, for modes that
+ * configure rather than build (Settings, Share, Deck). Pass it as the
+ * Studio's `canvas` with no rail or inspector. Group its fields in Cards or
+ * `StudioInspectorSection`s with plain headings: Basics, Schedule, Privacy...
+ */
+interface Props {
+    title?: string;
+    description?: string;
+    children: Snippet;
+    /** Content width (default: 42rem) */
+    maxWidth?: string;
+    class?: string;
+}
+declare const StudioPage: import("svelte").Component<Props, {}, "">;
+type StudioPage = ReturnType<typeof StudioPage>;
+export default StudioPage;

package/dist/lib/components/studio/context.d.ts

@@ -0,0 +1,25 @@
+/**
+ * How much room the Studio has:
+ * - `wide` (≥1280px): outline, canvas and inspector side by side
+ * - `medium` (768–1279px): the outline moves into a sheet; canvas and inspector stay
+ * - `compact` (<768px): canvas only; outline and inspector open as sheets
+ */
+export type StudioLayout = 'wide' | 'medium' | 'compact';
+export interface StudioContext {
+    readonly layout: StudioLayout;
+    /** Whether the outline is shown in a sheet rather than as a column */
+    readonly railInSheet: boolean;
+    /** Whether the inspector is shown in a sheet rather than as a column */
+    readonly inspectorInSheet: boolean;
+    openRail(): void;
+    closeRail(): void;
+    /**
+     * Bring the inspector into view after the user picks something to edit:
+     * closes the outline sheet and, on phones, opens the inspector sheet.
+     */
+    revealInspector(): void;
+    closeInspector(): void;
+}
+export declare function setStudioContext(context: StudioContext): void;
+/** The surrounding Studio, or undefined when a Studio part is used on its own */
+export declare function getStudioContext(): StudioContext | undefined;

package/dist/lib/components/studio/context.js

@@ -0,0 +1,9 @@
+import { getContext, setContext } from 'svelte';
+const KEY = Symbol('classic-studio');
+export function setStudioContext(context) {
+    setContext(KEY, context);
+}
+/** The surrounding Studio, or undefined when a Studio part is used on its own */
+export function getStudioContext() {
+    return getContext(KEY);
+}

package/dist/lib/components/studio/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Studio } from './Studio.svelte';
+export { default as StudioBar } from './StudioBar.svelte';
+export { default as StudioOutline, type StudioOutlineEntry } from './StudioOutline.svelte';
+export { default as StudioCanvas } from './StudioCanvas.svelte';
+export { default as StudioCanvasItem } from './StudioCanvasItem.svelte';
+export { default as StudioInspector, type StudioInspectorTab } from './StudioInspector.svelte';
+export { default as StudioInspectorSection } from './StudioInspectorSection.svelte';
+export { default as StudioPage } from './StudioPage.svelte';
+export { default as SaveStatus, type SaveState } from './SaveStatus.svelte';
+export { default as IssuesButton, type StudioIssue } from './IssuesButton.svelte';
+export { default as InsertPalette, type InsertPaletteItem, type InsertPaletteGroup, } from './InsertPalette.svelte';
+export { getStudioContext, type StudioContext, type StudioLayout } from './context.js';

package/dist/lib/components/studio/index.js

@@ -0,0 +1,12 @@
+export { default as Studio } from './Studio.svelte';
+export { default as StudioBar } from './StudioBar.svelte';
+export { default as StudioOutline } from './StudioOutline.svelte';
+export { default as StudioCanvas } from './StudioCanvas.svelte';
+export { default as StudioCanvasItem } from './StudioCanvasItem.svelte';
+export { default as StudioInspector } from './StudioInspector.svelte';
+export { default as StudioInspectorSection } from './StudioInspectorSection.svelte';
+export { default as StudioPage } from './StudioPage.svelte';
+export { default as SaveStatus } from './SaveStatus.svelte';
+export { default as IssuesButton } from './IssuesButton.svelte';
+export { default as InsertPalette, } from './InsertPalette.svelte';
+export { getStudioContext } from './context.js';

package/dist/lib/index.d.ts

@@ -65,6 +65,9 @@ export { default as FilterPanel } from './components/FilterPanel.svelte';
 export { default as ActiveFilterChips, type ActiveFilterChip, } from './components/ActiveFilterChips.svelte';
 export { default as SegmentedControl, type SegmentedControlOption, } from './components/SegmentedControl.svelte';
 export { default as ViewToggle, type ViewToggleOption, defaultViewToggleOptions, } from './components/ViewToggle.svelte';
+export { default as Sheet } from './components/Sheet.svelte';
+export { default as SortableList, type SortableHandleProps, type SortableItemContext, } from './components/SortableList.svelte';
+export { Studio, StudioBar, StudioOutline, StudioCanvas, StudioCanvasItem, StudioInspector, StudioInspectorSection, StudioPage, SaveStatus, IssuesButton, InsertPalette, getStudioContext, type StudioOutlineEntry, type StudioInspectorTab, type SaveState, type StudioIssue, type InsertPaletteItem, type InsertPaletteGroup, type StudioContext, type StudioLayout, } from './components/studio/index.js';
 export { AspectRatio, Image, Video, Audio, MediaEmbed, MediaGrid, MediaCarousel, Lightbox, } from './components/media/index.js';
 export type { MediaGridColumns } from './components/media/MediaGrid.svelte';
 export type { DropdownMenuItem, DropdownMenuGroup, SelectOption, SelectGroup, Tab, FileMetadata, DataTableColumn, DataTableFilterFn, DataTableFilterOption, RadioOption, ComboboxOption, MultiSelectOption, SignatureData, SignatureStroke, SignaturePoint, SignatureMetadata, SignatureFont, SignatureValidationResult, MediaKind, MediaEmbedProvider, MediaSource, MediaTextTrack, MediaItemBase, ImageMediaItem, VideoMediaItem, AudioMediaItem, EmbedMediaItem, MediaItem, MediaAspectRatio, MediaFit, CloudflareStreamAccount, MatterportPlayerOptions, } from './types/components.js';

package/dist/lib/index.js

@@ -78,6 +78,12 @@ export { default as FilterPanel } from './components/FilterPanel.svelte';
 export { default as ActiveFilterChips, } from './components/ActiveFilterChips.svelte';
 export { default as SegmentedControl, } from './components/SegmentedControl.svelte';
 export { default as ViewToggle, defaultViewToggleOptions, } from './components/ViewToggle.svelte';
+// Overlay: edge sheet
+export { default as Sheet } from './components/Sheet.svelte';
+// Reorderable list
+export { default as SortableList, } from './components/SortableList.svelte';
+// Studio - full-screen editor frame (outline, canvas, inspector)
+export { Studio, StudioBar, StudioOutline, StudioCanvas, StudioCanvasItem, StudioInspector, StudioInspectorSection, StudioPage, SaveStatus, IssuesButton, InsertPalette, getStudioContext, } from './components/studio/index.js';
 // Media Components
 export { AspectRatio, Image, Video, Audio, MediaEmbed, MediaGrid, MediaCarousel, Lightbox, } from './components/media/index.js';
 // DataTable sub-components and utilities

package/dist/lib/schemas/common.d.ts

@@ -155,15 +155,15 @@ export declare const addressSchema: z.ZodObject<{
     street: string;
     city: string;
     postalCode: string;
-    street2?: string | undefined;
     state?: string | undefined;
+    street2?: string | undefined;
 }, {
     country: string;
     street: string;
     city: string;
     postalCode: string;
-    street2?: string | undefined;
     state?: string | undefined;
+    street2?: string | undefined;
 }>;
 export type Address = z.infer<typeof addressSchema>;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/theme-svelte",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "Svelte components for the Classic theme system",
   "type": "module",
   "svelte": "./dist/lib/index.js",