@open-mercato/ui 0.6.7 → 0.6.8-develop.6874.1.982d6097d8

package/dist/primitives/button.js

@@ -8,10 +8,15 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary-hover",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive dark:bg-destructive/10",
-        "destructive-outline": "border border-destructive/30 bg-background text-destructive shadow-xs hover:bg-destructive/10 dark:border-destructive/40 dark:hover:bg-destructive/15",
-        "destructive-soft": "bg-destructive/10 text-destructive hover:bg-destructive/15 dark:bg-destructive/15 dark:hover:bg-destructive/20",
-        "destructive-ghost": "text-destructive hover:bg-destructive/10 dark:hover:bg-destructive/15",
+        /* Destructive is quiet by design: red text on a calm surface. A wall
+           of solid red buttons trains users to ignore red. The filled form is
+           `destructive-solid`, reserved for the single point-of-no-return
+           confirmation inside a dialog — never for the button that opens it. */
+        destructive: "border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive",
+        "destructive-solid": "bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive",
+        "destructive-outline": "border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10",
+        "destructive-soft": "bg-destructive/10 text-destructive hover:bg-destructive/15",
+        "destructive-ghost": "text-destructive hover:bg-destructive/10",
         outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",

package/dist/primitives/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/button.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-all disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none disabled:[background-image:none] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:outline-none focus-visible:shadow-focus aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary-hover',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive dark:bg-destructive/10',\n        'destructive-outline':\n          'border border-destructive/30 bg-background text-destructive shadow-xs hover:bg-destructive/10 dark:border-destructive/40 dark:hover:bg-destructive/15',\n        'destructive-soft':\n          'bg-destructive/10 text-destructive hover:bg-destructive/15 dark:bg-destructive/15 dark:hover:bg-destructive/20',\n        'destructive-ghost':\n          'text-destructive hover:bg-destructive/10 dark:hover:bg-destructive/15',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        muted: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 px-6 has-[>svg]:px-4',\n        '2xs': 'h-7 gap-1 px-2 py-0.5 has-[>svg]:px-1.5 text-xs',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport function Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button'\n  return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />\n}\n\nexport { buttonVariants }\n\n"],
-  "mappings": "AAkDS;AAjDT,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,uBACE;AAAA,QACF,oBACE;AAAA,QACF,qBACE;AAAA,QACF,SACE;AAAA,QACF,WAAW;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAC+D;AAC7D,QAAM,OAAO,UAAU,OAAO;AAC9B,SAAO,oBAAC,QAAK,aAAU,UAAS,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AAC1G;",
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-all disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-text-disabled disabled:border-border-disabled disabled:shadow-none disabled:[background-image:none] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:outline-none focus-visible:shadow-focus aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary-hover',\n        /* Destructive is quiet by design: red text on a calm surface. A wall\n           of solid red buttons trains users to ignore red. The filled form is\n           `destructive-solid`, reserved for the single point-of-no-return\n           confirmation inside a dialog \u2014 never for the button that opens it. */\n        destructive:\n          'border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive',\n        'destructive-solid':\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 aria-invalid:ring-destructive dark:aria-invalid:ring-destructive',\n        'destructive-outline':\n          'border border-destructive bg-background text-destructive shadow-xs hover:bg-destructive/10',\n        'destructive-soft':\n          'bg-destructive/10 text-destructive hover:bg-destructive/15',\n        'destructive-ghost':\n          'text-destructive hover:bg-destructive/10',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        muted: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 px-6 has-[>svg]:px-4',\n        '2xs': 'h-7 gap-1 px-2 py-0.5 has-[>svg]:px-1.5 text-xs',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport function Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button'\n  return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />\n}\n\nexport { buttonVariants }\n\n"],
+  "mappings": "AAwDS;AAvDT,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT,aACE;AAAA,QACF,qBACE;AAAA,QACF,uBACE;AAAA,QACF,oBACE;AAAA,QACF,qBACE;AAAA,QACF,SACE;AAAA,QACF,WAAW;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAC+D;AAC7D,QAAM,OAAO,UAAU,OAAO;AAC9B,SAAO,oBAAC,QAAK,aAAU,UAAS,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAI,GAAG,OAAO;AAC1G;",
   "names": []
 }

package/dist/theme/ThemeProvider.js

@@ -3,9 +3,9 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { createContext, useContext } from "react";
 import { createLogger } from "@open-mercato/shared/lib/logger";
+import { THEME_STORAGE_KEY } from "./theme-init-script.js";
 const logger = createLogger("ui").child({ component: "ThemeProvider" });
 const ThemeContext = createContext(void 0);
-const THEME_STORAGE_KEY = "om-theme";
 function getSystemTheme() {
   if (typeof window === "undefined") return "light";
   return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";

package/dist/theme/ThemeProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/theme/ThemeProvider.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { createContext, useContext } from 'react'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('ui').child({ component: 'ThemeProvider' })\n\nexport type Theme = 'light' | 'dark' | 'system'\n\ntype ThemeContextValue = {\n  theme: Theme\n  resolvedTheme: 'light' | 'dark'\n  setTheme: (theme: Theme) => void\n}\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined)\n\nconst THEME_STORAGE_KEY = 'om-theme'\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction getStoredTheme(): Theme {\n  if (typeof window === 'undefined') return 'system'\n  try {\n    const stored = localStorage.getItem(THEME_STORAGE_KEY)\n    if (stored === 'light' || stored === 'dark' || stored === 'system') {\n      return stored\n    }\n  } catch (error) {\n    // localStorage may be unavailable in private browsing, iframes, or restricted contexts\n    // Theme will default to system preference - this is expected graceful degradation\n    if (process.env.NODE_ENV === 'development') {\n      logger.warn('localStorage read failed', { err: error })\n    }\n  }\n  return 'system'\n}\n\nfunction applyTheme(resolvedTheme: 'light' | 'dark') {\n  const root = document.documentElement\n  if (resolvedTheme === 'dark') {\n    root.classList.add('dark')\n  } else {\n    root.classList.remove('dark')\n  }\n}\n\nexport function ThemeProvider({ children }: { children: React.ReactNode }) {\n  const [theme, setThemeState] = React.useState<Theme>('system')\n  const [resolvedTheme, setResolvedTheme] = React.useState<'light' | 'dark'>('light')\n  const [mounted, setMounted] = React.useState(false)\n\n  // Initialize theme from localStorage on mount\n  React.useEffect(() => {\n    const stored = getStoredTheme()\n    setThemeState(stored)\n    const resolved = stored === 'system' ? getSystemTheme() : stored\n    setResolvedTheme(resolved)\n    applyTheme(resolved)\n    setMounted(true)\n  }, [])\n\n  // Listen for system theme changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const handleChange = () => {\n      if (theme === 'system') {\n        const newResolved = getSystemTheme()\n        setResolvedTheme(newResolved)\n        applyTheme(newResolved)\n      }\n    }\n\n    mediaQuery.addEventListener('change', handleChange)\n    return () => mediaQuery.removeEventListener('change', handleChange)\n  }, [theme])\n\n  const setTheme = React.useCallback((newTheme: Theme) => {\n    setThemeState(newTheme)\n    try {\n      localStorage.setItem(THEME_STORAGE_KEY, newTheme)\n    } catch (error) {\n      // localStorage may be unavailable - theme still works for this session, just won't persist\n      if (process.env.NODE_ENV === 'development') {\n        logger.warn('localStorage write failed', { err: error })\n      }\n    }\n    const resolved = newTheme === 'system' ? getSystemTheme() : newTheme\n    setResolvedTheme(resolved)\n    applyTheme(resolved)\n  }, [])\n\n  const value = React.useMemo(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme]\n  )\n\n  // Prevent flash of wrong theme during hydration\n  if (!mounted) {\n    return <>{children}</>\n  }\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n}\n\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext)\n  if (context === undefined) {\n    // Return safe defaults when not in provider (e.g., server render)\n    return {\n      theme: 'system',\n      resolvedTheme: 'light',\n      setTheme: () => {},\n    }\n  }\n  return context\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { createContext, useContext } from 'react'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\nimport { THEME_STORAGE_KEY } from './theme-init-script'\n\nconst logger = createLogger('ui').child({ component: 'ThemeProvider' })\n\nexport type Theme = 'light' | 'dark' | 'system'\n\ntype ThemeContextValue = {\n  theme: Theme\n  resolvedTheme: 'light' | 'dark'\n  setTheme: (theme: Theme) => void\n}\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined)\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction getStoredTheme(): Theme {\n  if (typeof window === 'undefined') return 'system'\n  try {\n    const stored = localStorage.getItem(THEME_STORAGE_KEY)\n    if (stored === 'light' || stored === 'dark' || stored === 'system') {\n      return stored\n    }\n  } catch (error) {\n    // localStorage may be unavailable in private browsing, iframes, or restricted contexts\n    // Theme will default to system preference - this is expected graceful degradation\n    if (process.env.NODE_ENV === 'development') {\n      logger.warn('localStorage read failed', { err: error })\n    }\n  }\n  return 'system'\n}\n\nfunction applyTheme(resolvedTheme: 'light' | 'dark') {\n  const root = document.documentElement\n  if (resolvedTheme === 'dark') {\n    root.classList.add('dark')\n  } else {\n    root.classList.remove('dark')\n  }\n}\n\nexport function ThemeProvider({ children }: { children: React.ReactNode }) {\n  const [theme, setThemeState] = React.useState<Theme>('system')\n  const [resolvedTheme, setResolvedTheme] = React.useState<'light' | 'dark'>('light')\n  const [mounted, setMounted] = React.useState(false)\n\n  // Initialize theme from localStorage on mount\n  React.useEffect(() => {\n    const stored = getStoredTheme()\n    setThemeState(stored)\n    const resolved = stored === 'system' ? getSystemTheme() : stored\n    setResolvedTheme(resolved)\n    applyTheme(resolved)\n    setMounted(true)\n  }, [])\n\n  // Listen for system theme changes\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const handleChange = () => {\n      if (theme === 'system') {\n        const newResolved = getSystemTheme()\n        setResolvedTheme(newResolved)\n        applyTheme(newResolved)\n      }\n    }\n\n    mediaQuery.addEventListener('change', handleChange)\n    return () => mediaQuery.removeEventListener('change', handleChange)\n  }, [theme])\n\n  const setTheme = React.useCallback((newTheme: Theme) => {\n    setThemeState(newTheme)\n    try {\n      localStorage.setItem(THEME_STORAGE_KEY, newTheme)\n    } catch (error) {\n      // localStorage may be unavailable - theme still works for this session, just won't persist\n      if (process.env.NODE_ENV === 'development') {\n        logger.warn('localStorage write failed', { err: error })\n      }\n    }\n    const resolved = newTheme === 'system' ? getSystemTheme() : newTheme\n    setResolvedTheme(resolved)\n    applyTheme(resolved)\n  }, [])\n\n  const value = React.useMemo(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme]\n  )\n\n  // Prevent flash of wrong theme during hydration\n  if (!mounted) {\n    return <>{children}</>\n  }\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n}\n\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext)\n  if (context === undefined) {\n    // Return safe defaults when not in provider (e.g., server render)\n    return {\n      theme: 'system',\n      resolvedTheme: 'light',\n      setTheme: () => {},\n    }\n  }\n  return context\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/theme/index.js

@@ -1,8 +1,11 @@
 import { ThemeProvider, useTheme } from "./ThemeProvider.js";
+import { THEME_INIT_SCRIPT, THEME_STORAGE_KEY } from "./theme-init-script.js";
 import { ThemeToggle } from "./ThemeToggle.js";
 import { QueryProvider } from "./QueryProvider.js";
 export {
   QueryProvider,
+  THEME_INIT_SCRIPT,
+  THEME_STORAGE_KEY,
   ThemeProvider,
   ThemeToggle,
   useTheme

package/dist/theme/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/theme/index.ts"],
-  "sourcesContent": ["export { ThemeProvider, useTheme } from './ThemeProvider'\nexport { ThemeToggle } from './ThemeToggle'\nexport { QueryProvider } from './QueryProvider'\n"],
-  "mappings": "AAAA,SAAS,eAAe,gBAAgB;AACxC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;",
+  "sourcesContent": ["export { ThemeProvider, useTheme } from './ThemeProvider'\nexport { THEME_INIT_SCRIPT, THEME_STORAGE_KEY } from './theme-init-script'\nexport { ThemeToggle } from './ThemeToggle'\nexport { QueryProvider } from './QueryProvider'\n"],
+  "mappings": "AAAA,SAAS,eAAe,gBAAgB;AACxC,SAAS,mBAAmB,yBAAyB;AACrD,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;",
   "names": []
 }

package/dist/theme/theme-init-script.js

@@ -0,0 +1,17 @@
+const THEME_STORAGE_KEY = "om-theme";
+const THEME_INIT_SCRIPT = `
+(function () {
+  try {
+    var stored = localStorage.getItem(${JSON.stringify(THEME_STORAGE_KEY)});
+    var theme = stored === 'dark' ? 'dark'
+      : stored === 'light' ? 'light'
+      : window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    if (theme === 'dark') document.documentElement.classList.add('dark');
+  } catch (error) {}
+})();
+`;
+export {
+  THEME_INIT_SCRIPT,
+  THEME_STORAGE_KEY
+};
+//# sourceMappingURL=theme-init-script.js.map

package/dist/theme/theme-init-script.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/theme/theme-init-script.ts"],
+  "sourcesContent": ["export const THEME_STORAGE_KEY = 'om-theme'\n\n/**\n * Inline source for the root layout's theme initializer.\n *\n * It MUST be rendered as a plain, non-deferred `<script>` element so the browser\n * executes it while parsing the document, before the first paint. Deferring it \u2014\n * for example through `next/script` with `strategy=\"beforeInteractive\"`, which in\n * the App Router only queues the code onto `self.__next_s` for the client runtime\n * to replay once hydration starts \u2014 makes the page paint in light theme first and\n * flash to dark afterwards.\n */\nexport const THEME_INIT_SCRIPT = `\n(function () {\n  try {\n    var stored = localStorage.getItem(${JSON.stringify(THEME_STORAGE_KEY)});\n    var theme = stored === 'dark' ? 'dark'\n      : stored === 'light' ? 'light'\n      : window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    if (theme === 'dark') document.documentElement.classList.add('dark');\n  } catch (error) {}\n})();\n`\n"],
+  "mappings": "AAAO,MAAM,oBAAoB;AAY1B,MAAM,oBAAoB;AAAA;AAAA;AAAA,wCAGO,KAAK,UAAU,iBAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/figma/alert.figma.tsx

@@ -0,0 +1,35 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Alert, AlertDescription, AlertTitle } from '../src/primitives/alert'
+
+figma.connect(Alert, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=169-2358', {
+  imports: ["import { Alert, AlertTitle, AlertDescription } from '@open-mercato/ui/primitives/alert'"],
+  props: {
+    status: figma.enum('Status', {
+      Error: 'error',
+      Warning: 'warning',
+      Success: 'success',
+      Information: 'information',
+      Feature: 'feature',
+    }),
+    style: figma.enum('Style', {
+      Filled: 'filled',
+      Light: 'light',
+      Lighter: 'lighter',
+      Stroke: 'stroke',
+    }),
+    size: figma.enum('Size', {
+      XS: 'xs',
+      Small: 'sm',
+      Default: 'default',
+    }),
+    title: figma.string('Title'),
+    description: figma.string('Description'),
+  },
+  example: ({ status, style, size, title, description }) => (
+    <Alert status={status} style={style} size={size}>
+      <AlertTitle>{title}</AlertTitle>
+      <AlertDescription>{description}</AlertDescription>
+    </Alert>
+  ),
+})

package/figma/badge.figma.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Badge } from '../src/primitives/badge'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Badge, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { Badge } from '@open-mercato/ui/primitives/badge'"],
+  props: {
+    variant: figma.enum('Variant', {
+      Default: 'default',
+      Secondary: 'secondary',
+      Outline: 'outline',
+      Muted: 'muted',
+      Success: 'success',
+      Warning: 'warning',
+      Info: 'info',
+      Neutral: 'neutral',
+      Error: 'error',
+      Brand: 'brand',
+    }),
+    size: figma.enum('Size', {
+      Small: 'sm',
+      Default: 'default',
+      Large: 'lg',
+    }),
+    label: figma.string('Label'),
+  },
+  example: ({ variant, size, label }) => (
+    <Badge variant={variant} size={size}>
+      {label}
+    </Badge>
+  ),
+})

package/figma/button.figma.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Button } from '../src/primitives/button'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Button, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { Button } from '@open-mercato/ui/primitives/button'"],
+  props: {
+    variant: figma.enum('Variant', {
+      Primary: 'default',
+      Destructive: 'destructive',
+      Outline: 'outline',
+      Secondary: 'secondary',
+      Ghost: 'ghost',
+      Muted: 'muted',
+      Link: 'link',
+    }),
+    size: figma.enum('Size', {
+      Default: 'default',
+      Small: 'sm',
+      Large: 'lg',
+      '2XS': '2xs',
+      Icon: 'icon',
+    }),
+    disabled: figma.boolean('Disabled'),
+    label: figma.string('Label'),
+  },
+  example: ({ variant, size, disabled, label }) => (
+    <Button variant={variant} size={size} disabled={disabled}>
+      {label}
+    </Button>
+  ),
+})

package/figma/checkbox.figma.tsx

@@ -0,0 +1,28 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Checkbox } from '../src/primitives/checkbox'
+import { CheckboxField } from '../src/primitives/checkbox-field'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Checkbox, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { Checkbox } from '@open-mercato/ui/primitives/checkbox'"],
+  variant: { Label: 'False' },
+  props: {
+    checked: figma.boolean('Checked'),
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ checked, disabled }) => <Checkbox checked={checked} disabled={disabled} />,
+})
+
+figma.connect(CheckboxField, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'"],
+  variant: { Label: 'True' },
+  props: {
+    checked: figma.boolean('Checked'),
+    disabled: figma.boolean('Disabled'),
+    label: figma.string('Label text'),
+  },
+  example: ({ checked, disabled, label }) => (
+    <CheckboxField checked={checked} disabled={disabled} label={label} />
+  ),
+})

package/figma/drawer.figma.tsx

@@ -0,0 +1,40 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import {
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+} from '../src/primitives/drawer'
+import { Button } from '../src/primitives/button'
+
+figma.connect(Drawer, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=486-7366', {
+  imports: [
+    "import { Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter, DrawerClose } from '@open-mercato/ui/primitives/drawer'",
+  ],
+  props: {
+    title: figma.string('Title'),
+    description: figma.string('Description'),
+  },
+  example: ({ title, description }) => (
+    <Drawer>
+      <DrawerContent>
+        <DrawerHeader>
+          <DrawerTitle>{title}</DrawerTitle>
+          <DrawerDescription>{description}</DrawerDescription>
+        </DrawerHeader>
+        <DrawerBody>Content</DrawerBody>
+        <DrawerFooter layout="equal">
+          <DrawerClose asChild>
+            <Button variant="outline">Cancel</Button>
+          </DrawerClose>
+          <Button>Save</Button>
+        </DrawerFooter>
+      </DrawerContent>
+    </Drawer>
+  ),
+})

package/figma/input-variants.figma.tsx

@@ -0,0 +1,58 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Input } from '../src/primitives/input'
+import { EmailInput } from '../src/primitives/email-input'
+import { SearchInput } from '../src/primitives/search-input'
+import { PasswordInput } from '../src/primitives/password-input'
+import { WebsiteInput } from '../src/primitives/website-input'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Input, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { Input } from '@open-mercato/ui/primitives/input'"],
+  variant: { Type: 'Text' },
+  props: {
+    placeholder: figma.string('Placeholder'),
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ placeholder, disabled }) => <Input placeholder={placeholder} disabled={disabled} />,
+})
+
+figma.connect(EmailInput, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { EmailInput } from '@open-mercato/ui/primitives/email-input'"],
+  variant: { Type: 'Email' },
+  props: {
+    placeholder: figma.string('Placeholder'),
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ placeholder, disabled }) => <EmailInput placeholder={placeholder} disabled={disabled} />,
+})
+
+figma.connect(SearchInput, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { SearchInput } from '@open-mercato/ui/primitives/search-input'"],
+  variant: { Type: 'Search' },
+  props: {
+    placeholder: figma.string('Placeholder'),
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ placeholder, disabled }) => <SearchInput placeholder={placeholder} disabled={disabled} />,
+})
+
+figma.connect(PasswordInput, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { PasswordInput } from '@open-mercato/ui/primitives/password-input'"],
+  variant: { Type: 'Password' },
+  props: {
+    placeholder: figma.string('Placeholder'),
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ placeholder, disabled }) => <PasswordInput placeholder={placeholder} disabled={disabled} />,
+})
+
+figma.connect(WebsiteInput, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { WebsiteInput } from '@open-mercato/ui/primitives/website-input'"],
+  variant: { Type: 'Website' },
+  props: {
+    placeholder: figma.string('Placeholder'),
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ placeholder, disabled }) => <WebsiteInput placeholder={placeholder} disabled={disabled} />,
+})

package/figma/radio.figma.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Radio, RadioGroup } from '../src/primitives/radio'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Radio, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { Radio, RadioGroup } from '@open-mercato/ui/primitives/radio'"],
+  props: {
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ disabled }) => (
+    <RadioGroup defaultValue="first">
+      <Radio value="first" disabled={disabled} />
+    </RadioGroup>
+  ),
+})

package/figma/select.figma.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../src/primitives/select'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Select, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: [
+    "import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@open-mercato/ui/primitives/select'",
+  ],
+  props: {
+    placeholder: figma.string('Placeholder'),
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ placeholder, disabled }) => (
+    <Select>
+      <SelectTrigger disabled={disabled}>
+        <SelectValue placeholder={placeholder} />
+      </SelectTrigger>
+      <SelectContent>
+        <SelectItem value="first">First option</SelectItem>
+      </SelectContent>
+    </Select>
+  ),
+})

package/figma/status-badge.figma.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { StatusBadge } from '../src/primitives/status-badge'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(StatusBadge, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { StatusBadge } from '@open-mercato/ui/primitives/status-badge'"],
+  props: {
+    variant: figma.enum('Variant', {
+      Success: 'success',
+      Warning: 'warning',
+      Error: 'error',
+      Info: 'info',
+      Neutral: 'neutral',
+    }),
+    dot: figma.boolean('Dot'),
+    label: figma.string('Label'),
+  },
+  example: ({ variant, dot, label }) => (
+    <StatusBadge variant={variant} dot={dot}>
+      {label}
+    </StatusBadge>
+  ),
+})

package/figma/switch.figma.tsx

@@ -0,0 +1,28 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Switch } from '../src/primitives/switch'
+import { SwitchField } from '../src/primitives/switch-field'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Switch, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { Switch } from '@open-mercato/ui/primitives/switch'"],
+  variant: { Label: 'False' },
+  props: {
+    checked: figma.boolean('Checked'),
+    disabled: figma.boolean('Disabled'),
+  },
+  example: ({ checked, disabled }) => <Switch checked={checked} disabled={disabled} />,
+})
+
+figma.connect(SwitchField, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { SwitchField } from '@open-mercato/ui/primitives/switch-field'"],
+  variant: { Label: 'True' },
+  props: {
+    checked: figma.boolean('Checked'),
+    disabled: figma.boolean('Disabled'),
+    label: figma.string('Label text'),
+  },
+  example: ({ checked, disabled, label }) => (
+    <SwitchField checked={checked} disabled={disabled} label={label} />
+  ),
+})

package/figma/tabs.figma.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../src/primitives/tabs'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Tabs, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { Tabs, TabsList, TabsTrigger, TabsContent } from '@open-mercato/ui/primitives/tabs'"],
+  props: {
+    label: figma.string('Label'),
+    count: figma.string('Count'),
+  },
+  example: ({ label, count }) => (
+    <Tabs defaultValue="first" variant="underline">
+      <TabsList aria-label="Sections">
+        <TabsTrigger value="first" count={count}>
+          {label}
+        </TabsTrigger>
+      </TabsList>
+      <TabsContent value="first">Content</TabsContent>
+    </Tabs>
+  ),
+})

package/figma/tag.figma.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import figma from '@figma/code-connect'
+import { Tag } from '../src/primitives/tag'
+
+// TODO(figma): resolve the real node id in the DS file before ds:code-connect:publish.
+figma.connect(Tag, 'https://www.figma.com/design/qCq9z6q1if0mpoRstV5OEA/Design-System?node-id=0-1', {
+  imports: ["import { Tag } from '@open-mercato/ui/primitives/tag'"],
+  props: {
+    variant: figma.enum('Variant', {
+      Default: 'default',
+      Success: 'success',
+      Warning: 'warning',
+      Error: 'error',
+      Info: 'info',
+      Neutral: 'neutral',
+      Brand: 'brand',
+      Pink: 'pink',
+    }),
+    dot: figma.boolean('Dot'),
+    label: figma.string('Label'),
+  },
+  example: ({ variant, dot, label }) => (
+    <Tag variant={variant} dot={dot}>
+      {label}
+    </Tag>
+  ),
+})

package/figma.config.json

@@ -0,0 +1,6 @@
+{
+  "codeConnect": {
+    "parser": "react",
+    "include": ["figma/**/*.figma.tsx", "src/primitives/**/*.tsx"]
+  }
+}

package/jest.config.cjs

@@ -16,7 +16,8 @@ module.exports = {
     '^remark-gfm$': '<rootDir>/jest.markdown-mock.tsx',
   },
   transform: {
-    '^.+\\.(t|j)sx?$': [
+    // `.cjs` is included so the build-time source emitters under scripts/ are testable.
+    '^.+\\.(cjs|(t|j)sx?)$': [
       '<rootDir>/../../scripts/jest-mikroorm-transformer.cjs',
       {
         tsconfig: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.7",
+  "version": "0.6.8-develop.6874.1.982d6097d8",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -137,43 +137,45 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@mdxeditor/editor": "^4.0.4",
-    "@radix-ui/react-accordion": "^1.2.16",
-    "@radix-ui/react-dialog": "^1.1.19",
-    "@radix-ui/react-popover": "^1.1.19",
-    "@radix-ui/react-radio-group": "^1.4.3",
-    "@radix-ui/react-scroll-area": "^1.2.14",
-    "@radix-ui/react-select": "^2.3.3",
-    "@radix-ui/react-slider": "^1.4.3",
-    "@radix-ui/react-tooltip": "^1.2.12",
+    "@radix-ui/react-accordion": "^1.2.20",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-popover": "^1.1.23",
+    "@radix-ui/react-radio-group": "^1.4.7",
+    "@radix-ui/react-scroll-area": "^1.2.18",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-slider": "^1.4.7",
+    "@radix-ui/react-tooltip": "^1.2.16",
     "@tanstack/react-virtual": "^3.14.6",
     "cmdk": "^1.0.0",
     "date-fns": "4.4.0",
     "react-big-calendar": "^1.20.0",
     "react-day-picker": "^10.0.1",
     "react-markdown": "^10.1.0",
-    "recharts": "^3.9.2",
+    "recharts": "^3.10.1",
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.7",
+    "@open-mercato/shared": "0.6.8-develop.6874.1.982d6097d8",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.6.7",
+    "@figma/code-connect": "^1.3.4",
+    "@open-mercato/shared": "0.6.8-develop.6874.1.982d6097d8",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.1",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "jest": "^30.4.2",
     "jest-environment-jsdom": "^30.4.1",
-    "react": "19.2.7",
-    "react-dom": "19.2.7",
-    "react-is": "^19.2.7",
-    "ts-jest": "^29.4.11",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "react-is": "^19.2.8",
+    "ts-jest": "^29.4.12",
+    "ts-morph": "^28.0.0",
     "typescript": "7.0.2"
   },
   "publishConfig": {
@@ -183,5 +185,6 @@
     "type": "git",
     "url": "https://github.com/open-mercato/open-mercato",
     "directory": "packages/ui"
-  }
+  },
+  "stableVersion": "0.6.7"
 }