@widgetic/design-system 0.5.9 → 0.5.11

package/dist/components/ui/table/table-head.svelte.d.ts

@@ -1,17 +1,6 @@
-import { SvelteComponentTyped } from "svelte";
 export type TableHeadProps = WithElementRef<HTMLThAttributes>;
 import type { HTMLThAttributes } from "svelte/elements";
 import type { WithElementRef } from "bits-ui";
-declare const __propDef: {
-    props: TableHeadProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TableHeadProps_ = TableHeadProps;
-export type TableHeadEvents = typeof __propDef.events;
-export type TableHeadSlots = typeof __propDef.slots;
-export default class TableHead extends SvelteComponentTyped<TableHeadProps_, TableHeadEvents, TableHeadSlots> {
-}
-export {};
+declare const TableHead: import("svelte").Component<TableHeadProps, {}, "ref">;
+type TableHead = ReturnType<typeof TableHead>;
+export default TableHead;

package/dist/components/ui/table/table-header.svelte.d.ts

@@ -1,17 +1,6 @@
-import { SvelteComponentTyped } from "svelte";
 export type TableHeaderProps = WithElementRef<HTMLAttributes<HTMLTableSectionElement>>;
 import type { HTMLAttributes } from "svelte/elements";
 import type { WithElementRef } from "bits-ui";
-declare const __propDef: {
-    props: TableHeaderProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TableHeaderProps_ = TableHeaderProps;
-export type TableHeaderEvents = typeof __propDef.events;
-export type TableHeaderSlots = typeof __propDef.slots;
-export default class TableHeader extends SvelteComponentTyped<TableHeaderProps_, TableHeaderEvents, TableHeaderSlots> {
-}
-export {};
+declare const TableHeader: import("svelte").Component<TableHeaderProps, {}, "ref">;
+type TableHeader = ReturnType<typeof TableHeader>;
+export default TableHeader;

package/dist/components/ui/table/table-row.svelte.d.ts

@@ -1,17 +1,6 @@
-import { SvelteComponentTyped } from "svelte";
 export type TableRowProps = WithElementRef<HTMLAttributes<HTMLTableRowElement>>;
 import type { HTMLAttributes } from "svelte/elements";
 import type { WithElementRef } from "bits-ui";
-declare const __propDef: {
-    props: TableRowProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TableRowProps_ = TableRowProps;
-export type TableRowEvents = typeof __propDef.events;
-export type TableRowSlots = typeof __propDef.slots;
-export default class TableRow extends SvelteComponentTyped<TableRowProps_, TableRowEvents, TableRowSlots> {
-}
-export {};
+declare const TableRow: import("svelte").Component<TableRowProps, {}, "ref">;
+type TableRow = ReturnType<typeof TableRow>;
+export default TableRow;

package/dist/components/ui/table/table.svelte.d.ts

@@ -1,17 +1,6 @@
-import { SvelteComponentTyped } from "svelte";
 export type TableProps = WithElementRef<HTMLTableAttributes>;
 import type { HTMLTableAttributes } from "svelte/elements";
 import type { WithElementRef } from "bits-ui";
-declare const __propDef: {
-    props: TableProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TableProps_ = TableProps;
-export type TableEvents = typeof __propDef.events;
-export type TableSlots = typeof __propDef.slots;
-export default class Table extends SvelteComponentTyped<TableProps_, TableEvents, TableSlots> {
-}
-export {};
+declare const Table: import("svelte").Component<TableProps, {}, "ref">;
+type Table = ReturnType<typeof Table>;
+export default Table;

package/dist/components/ui/tabs/tabs-content.svelte

@@ -1,11 +1,10 @@
 <script lang="ts" module>
-	import type { Tabs as TabsPrimitive } from "bits-ui";
+	import { Tabs as TabsPrimitive } from "bits-ui";
 	export type TabsContentProps = TabsPrimitive.ContentProps;
 </script>
 
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
+		import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),

package/dist/components/ui/tabs/tabs-content.svelte.d.ts

@@ -1,16 +1,5 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Tabs as TabsPrimitive } from "bits-ui";
+import { Tabs as TabsPrimitive } from "bits-ui";
 export type TabsContentProps = TabsPrimitive.ContentProps;
-declare const __propDef: {
-    props: TabsContentProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TabsContentProps_ = TabsContentProps;
-export type TabsContentEvents = typeof __propDef.events;
-export type TabsContentSlots = typeof __propDef.slots;
-export default class TabsContent extends SvelteComponentTyped<TabsContentProps_, TabsContentEvents, TabsContentSlots> {
-}
-export {};
+declare const TabsContent: import("svelte").Component<TabsPrimitive.ContentProps, {}, "ref">;
+type TabsContent = ReturnType<typeof TabsContent>;
+export default TabsContent;

package/dist/components/ui/tabs/tabs-list.svelte

@@ -1,11 +1,10 @@
 <script lang="ts" module>
-	import type { Tabs as TabsPrimitive } from "bits-ui";
+	import { Tabs as TabsPrimitive } from "bits-ui";
 	export type TabsListProps = TabsPrimitive.ListProps;
 </script>
 
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
+		import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),

package/dist/components/ui/tabs/tabs-list.svelte.d.ts

@@ -1,16 +1,5 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Tabs as TabsPrimitive } from "bits-ui";
+import { Tabs as TabsPrimitive } from "bits-ui";
 export type TabsListProps = TabsPrimitive.ListProps;
-declare const __propDef: {
-    props: TabsListProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TabsListProps_ = TabsListProps;
-export type TabsListEvents = typeof __propDef.events;
-export type TabsListSlots = typeof __propDef.slots;
-export default class TabsList extends SvelteComponentTyped<TabsListProps_, TabsListEvents, TabsListSlots> {
-}
-export {};
+declare const TabsList: import("svelte").Component<TabsPrimitive.ListProps, {}, "ref">;
+type TabsList = ReturnType<typeof TabsList>;
+export default TabsList;

package/dist/components/ui/tabs/tabs-trigger.svelte

@@ -1,11 +1,10 @@
 <script lang="ts" module>
-	import type { Tabs as TabsPrimitive } from "bits-ui";
+	import { Tabs as TabsPrimitive } from "bits-ui";
 	export type TabsTriggerProps = TabsPrimitive.TriggerProps;
 </script>
 
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
+		import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),

package/dist/components/ui/tabs/tabs-trigger.svelte.d.ts

@@ -1,16 +1,5 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Tabs as TabsPrimitive } from "bits-ui";
+import { Tabs as TabsPrimitive } from "bits-ui";
 export type TabsTriggerProps = TabsPrimitive.TriggerProps;
-declare const __propDef: {
-    props: TabsTriggerProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TabsTriggerProps_ = TabsTriggerProps;
-export type TabsTriggerEvents = typeof __propDef.events;
-export type TabsTriggerSlots = typeof __propDef.slots;
-export default class TabsTrigger extends SvelteComponentTyped<TabsTriggerProps_, TabsTriggerEvents, TabsTriggerSlots> {
-}
-export {};
+declare const TabsTrigger: import("svelte").Component<TabsPrimitive.TriggerProps, {}, "ref">;
+type TabsTrigger = ReturnType<typeof TabsTrigger>;
+export default TabsTrigger;

package/dist/components/ui/textarea/textarea.svelte.d.ts

@@ -1,17 +1,6 @@
-import { SvelteComponentTyped } from "svelte";
 export type TextareaProps = WithoutChildren<WithElementRef<HTMLTextareaAttributes>>;
 import type { WithElementRef, WithoutChildren } from "bits-ui";
 import type { HTMLTextareaAttributes } from "svelte/elements";
-declare const __propDef: {
-    props: TextareaProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TextareaProps_ = TextareaProps;
-export type TextareaEvents = typeof __propDef.events;
-export type TextareaSlots = typeof __propDef.slots;
-export default class Textarea extends SvelteComponentTyped<TextareaProps_, TextareaEvents, TextareaSlots> {
-}
-export {};
+declare const Textarea: import("svelte").Component<Omit<WithElementRef<HTMLTextareaAttributes>, "children">, {}, "ref" | "value">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

package/dist/components/ui/toggle/toggle.svelte

@@ -46,6 +46,6 @@
 <TogglePrimitive.Root
 	bind:ref
 	bind:pressed
-	class={cn(toggleVariants({ variant, size, className }))}
+	class={cn(toggleVariants({ variant, size }), className)}
 	{...restProps}
 />

package/dist/components/ui/toggle/toggle.svelte.d.ts

@@ -1,19 +1,83 @@
-import { type VariantProps, tv } from "tailwind-variants";
-import type { Toggle as TogglePrimitive } from "bits-ui";
-import { SvelteComponentTyped } from "svelte";
-export type ToggleProps = TogglePrimitive.RootProps & {
-		variant?: ToggleVariant;
-		size?: ToggleSize;
-	};
-declare const __propDef: {
-    props: ToggleProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import { type VariantProps } from "tailwind-variants";
+export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", import("tailwind-variants/dist/config.js").TVConfig<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type ToggleVariant = VariantProps<typeof toggleVariants>["variant"];
+export type ToggleSize = VariantProps<typeof toggleVariants>["size"];
+export type ToggleVariants = VariantProps<typeof toggleVariants>;
+import { Toggle as TogglePrimitive } from "bits-ui";
+type $$ComponentProps = TogglePrimitive.RootProps & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
 };
-export type ToggleEvents = typeof __propDef.events;
-export type ToggleSlots = typeof __propDef.slots;
-export default class extends SvelteComponentTyped<ToggleProps, typeof __propDef.events, typeof __propDef.slots> {
-}
-export {};
+declare const Toggle: import("svelte").Component<$$ComponentProps, {}, "ref" | "pressed">;
+type Toggle = ReturnType<typeof Toggle>;
+export default Toggle;

package/dist/components/ui/toggle-group/toggle-group-item.svelte

@@ -1,11 +1,10 @@
 <script lang="ts" module>
-	import type { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 	export type ToggleGroupItemProps = ToggleGroupPrimitive.ItemProps & ToggleVariants;
 </script>
 
 <script lang="ts">
-	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { getToggleGroupCtx } from "./toggle-group.svelte";
+		import { getToggleGroupCtx } from "./toggle-group.svelte";
 	import { cn } from "../../../utils.js";
 	import { type ToggleVariants, toggleVariants } from "../toggle/index.js";
 

package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -1,17 +1,6 @@
-import { SvelteComponentTyped } from "svelte";
-import type { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 export type ToggleGroupItemProps = ToggleGroupPrimitive.ItemProps & ToggleVariants;
 import { type ToggleVariants } from "../toggle/index.js";
-declare const __propDef: {
-    props: ToggleGroupItemProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type ToggleGroupItemProps_ = ToggleGroupItemProps;
-export type ToggleGroupItemEvents = typeof __propDef.events;
-export type ToggleGroupItemSlots = typeof __propDef.slots;
-export default class ToggleGroupItem extends SvelteComponentTyped<ToggleGroupItemProps_, ToggleGroupItemEvents, ToggleGroupItemSlots> {
-}
-export {};
+declare const ToggleGroupItem: import("svelte").Component<ToggleGroupItemProps, {}, "ref" | "value">;
+type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;
+export default ToggleGroupItem;

package/dist/components/ui/toggle-group/toggle-group.svelte.d.ts

@@ -1,16 +1,8 @@
-import type { ToggleVariants } from "$lib/components/ui/toggle/index.js";
-import type { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-import { SvelteComponentTyped } from "svelte";
-export type ToggleGroupProps = ToggleGroupPrimitive.RootProps & ToggleVariants;
-declare const __propDef: {
-    props: ToggleGroupProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ToggleGroupEvents = typeof __propDef.events;
-export type ToggleGroupSlots = typeof __propDef.slots;
-export default class extends SvelteComponentTyped<ToggleGroupProps, typeof __propDef.events, typeof __propDef.slots> {
-}
-export {};
+import type { ToggleVariants } from "../toggle/index.js";
+export declare function setToggleGroupCtx(props: ToggleVariants): void;
+export declare function getToggleGroupCtx(): ToggleVariants;
+import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+type $$ComponentProps = ToggleGroupPrimitive.RootProps & ToggleVariants;
+declare const ToggleGroup: import("svelte").Component<$$ComponentProps, {}, "ref" | "value">;
+type ToggleGroup = ReturnType<typeof ToggleGroup>;
+export default ToggleGroup;

package/dist/components/ui/tooltip/index.d.ts

@@ -3,4 +3,5 @@ import Content from "./tooltip-content.svelte";
 declare const Root: Component<any>;
 declare const Trigger: Component<any>;
 declare const Provider: Component<any>;
-export { Root, Trigger, Content, Provider, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, };
+declare const Portal: Component<any>;
+export { Root, Trigger, Content, Portal, Provider, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, };

package/dist/components/ui/tooltip/index.js

@@ -3,6 +3,10 @@ import Content from "./tooltip-content.svelte";
 const Root = TooltipPrimitive.Root;
 const Trigger = TooltipPrimitive.Trigger;
 const Provider = TooltipPrimitive.Provider;
-export { Root, Trigger, Content, Provider, 
+// Tooltips render in place by default, so any ancestor with `overflow: hidden` (or a
+// transform/filter stacking context) clips them. Consumers can wrap Content in Portal
+// to mount the tooltip on <body> instead.
+const Portal = TooltipPrimitive.Portal;
+export { Root, Trigger, Content, Portal, Provider, 
 //
 Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, };

package/dist/components/ui/tooltip/tooltip-content.svelte

@@ -1,10 +1,9 @@
 <script lang="ts" module>
-	import type { Tooltip as TooltipPrimitive } from "bits-ui";
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
 	export type TooltipContentProps = TooltipPrimitive.ContentProps;
 </script>
 
 <script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
 	let {

package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts

@@ -1,16 +1,5 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Tooltip as TooltipPrimitive } from "bits-ui";
+import { Tooltip as TooltipPrimitive } from "bits-ui";
 export type TooltipContentProps = TooltipPrimitive.ContentProps;
-declare const __propDef: {
-    props: TooltipContentProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TooltipContentProps_ = TooltipContentProps;
-export type TooltipContentEvents = typeof __propDef.events;
-export type TooltipContentSlots = typeof __propDef.slots;
-export default class TooltipContent extends SvelteComponentTyped<TooltipContentProps_, TooltipContentEvents, TooltipContentSlots> {
-}
-export {};
+declare const TooltipContent: import("svelte").Component<TooltipPrimitive.ContentProps, {}, "ref">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;

package/dist/components/widget-system/EditableWidget.svelte.d.ts

@@ -1,32 +1,44 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        width?: string;
-        height?: string;
-        minWidth?: number;
-        minHeight?: number;
-        className?: string;
-        enableResize?: boolean;
-        getDimensions?: () => any;
-        setPosition?: (left: number, top: number) => void;
-        setDimensions?: (newWidth: number, newHeight: number) => void;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        resize: CustomEvent<any>;
-        move: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type EditableWidgetProps = typeof __propDef.props;
-export type EditableWidgetEvents = typeof __propDef.events;
-export type EditableWidgetSlots = typeof __propDef.slots;
-export default class EditableWidget extends SvelteComponentTyped<EditableWidgetProps, EditableWidgetEvents, EditableWidgetSlots> {
-    get getDimensions(): () => any;
-    get setPosition(): (left: number, top: number) => void;
-    get setDimensions(): (newWidth: number, newHeight: number) => void;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const EditableWidget: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    width?: string;
+    height?: string;
+    minWidth?: number;
+    minHeight?: number;
+    className?: string;
+    enableResize?: boolean;
+    getDimensions?: () => any;
+    setPosition?: (left: number, top: number) => void;
+    setDimensions?: (newWidth: number, newHeight: number) => void;
+}, {
+    default: {};
+}>, {
+    resize: CustomEvent<any>;
+    move: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    getDimensions: () => any;
+    setPosition: (left: number, top: number) => void;
+    setDimensions: (newWidth: number, newHeight: number) => void;
+}, string>;
+type EditableWidget = InstanceType<typeof EditableWidget>;
+export default EditableWidget;

package/dist/components/widget-system/Moveable.svelte

@@ -33,6 +33,8 @@
     let showSizeInfo = false;
     
     // Key modifiers
+    let isMac = false;
+    let isCmdCtrlKeyDown = false;
     let isSpaceKeyDown = false;    // Space key for dragging
     let isShiftKeyDown = false;    // Shift for proportional resize
     let isAltOptKeyDown = false;   // Alt/Option for symmetrical resize
@@ -55,7 +57,7 @@
         if ((isMac && e.key === 'Meta') || (!isMac && e.key === 'Control')) {
             isCmdCtrlKeyDown = true;
             updateContainerClasses();
-            console.log('[Moveable] Cmd/Ctrl key DOWN — drag mode enabled', { key: e.key, isMac });
+            // console.log('[Moveable] Cmd/Ctrl key DOWN — drag mode enabled', { key: e.key, isMac });
         } else if (e.key === ' ') { // Space key
             isSpaceKeyDown = true;
             updateContainerClasses();
@@ -76,7 +78,10 @@
     }
 
     function handleKeyUp(e: KeyboardEvent) {
-        if (e.key === ' ') { // Space key
+        if ((isMac && e.key === 'Meta') || (!isMac && e.key === 'Control')) {
+            isCmdCtrlKeyDown = false;
+            updateContainerClasses();
+        } else if (e.key === ' ') { // Space key
             isSpaceKeyDown = false;
             updateContainerClasses();
         } else if (e.key === 'Shift') {
@@ -150,7 +155,7 @@
             navigator.platform?.toUpperCase().indexOf('MAC') >= 0 ||
             /Mac|iPhone|iPad|iPod/.test(navigator.userAgent)
         );
-        console.log('[Moveable] isMac detected:', isMac, 'platform:', navigator.platform);
+        // console.log('[Moveable] isMac detected:', isMac, 'platform:', navigator.platform);
 
         // Initialize from props first if they are in px format
         const initialWidth = parseSize(width);
@@ -211,11 +216,11 @@
 
     // Handle mouse events for drag
     function handleMouseDown(e: MouseEvent) {
-        console.log('[Moveable] mousedown on container', {
-            isCmdCtrlKeyDown, isSpaceKeyDown, isResizing,
-            target: (e.target as HTMLElement).className,
-            tagName: (e.target as HTMLElement).tagName
-        });
+        // console.log('[Moveable] mousedown on container', {
+        //     isCmdCtrlKeyDown, isSpaceKeyDown, isResizing,
+        //     target: (e.target as HTMLElement).className,
+        //     tagName: (e.target as HTMLElement).tagName
+        // });
         // Only allow dragging when Command/Control key or Space key is down
         if (!(isCmdCtrlKeyDown || isSpaceKeyDown) || isResizing) return;
         
@@ -304,6 +309,7 @@
         showSizeInfo = false;
 
         // Force reset of key-based modes
+        isCmdCtrlKeyDown = false;
         isSpaceKeyDown = false;
         isShiftKeyDown = false;
         isAltOptKeyDown = false;