@framingui/core 0.4.1 → 0.4.2

package/dist/bundled/themes/generated/pebble.json

@@ -0,0 +1,235 @@
+{
+    "id": "pebble",
+    "name": "Pebble",
+    "schemaVersion": "2.1",
+    "brandTone": "dynamic",
+    "designDNA": {
+        "moodKeywords": [
+            "friendly",
+            "chunky",
+            "approachable",
+            "tactile"
+        ],
+        "targetEmotion": "joyful_clarity",
+        "visualAtmosphere": "modern mobility app",
+        "principles": [
+            "Surface over Border (Use White on Gray)",
+            "Maximum Radius (Super-ellipse everywhere)",
+            "Chunky Padding (Touch-first sizing)"
+        ]
+    },
+    "tokens": {
+        "atomic": {
+            "color": {
+                "brand": {
+                    "50": {
+                        "l": 0.98,
+                        "c": 0.02,
+                        "h": 220
+                    },
+                    "100": {
+                        "l": 0.95,
+                        "c": 0.05,
+                        "h": 220
+                    },
+                    "500": {
+                        "l": 0.5,
+                        "c": 0.25,
+                        "h": 220
+                    },
+                    "900": {
+                        "l": 0.1,
+                        "c": 0.1,
+                        "h": 220
+                    }
+                },
+                "neutral": {
+                    "white": {
+                        "l": 1,
+                        "c": 0,
+                        "h": 0
+                    },
+                    "cool": {
+                        "50": {
+                            "l": 0.96,
+                            "c": 0.01,
+                            "h": 210
+                        },
+                        "100": {
+                            "l": 0.93,
+                            "c": 0.02,
+                            "h": 210
+                        },
+                        "200": {
+                            "l": 0.88,
+                            "c": 0.03,
+                            "h": 210
+                        },
+                        "900": {
+                            "l": 0.1,
+                            "c": 0.05,
+                            "h": 210
+                        }
+                    }
+                }
+            },
+            "spacing": {
+                "4": "16px",
+                "6": "24px",
+                "8": "32px",
+                "12": "48px"
+            },
+            "radius": {
+                "md": "16px",
+                "lg": "24px",
+                "xl": "32px",
+                "2xl": "40px",
+                "3xl": "48px",
+                "full": "9999px",
+                "select": "9999px"
+            }
+        },
+        "semantic": {
+            "background": {
+                "canvas": "atomic.color.neutral.cool.50",
+                "surface": {
+                    "default": "atomic.color.neutral.white",
+                    "subtle": "atomic.color.neutral.cool.100"
+                },
+                "brand": {
+                    "default": "atomic.color.brand.500"
+                }
+            },
+            "text": {
+                "primary": "atomic.color.neutral.cool.900",
+                "secondary": "atomic.color.neutral.cool.500"
+            },
+            "border": {
+                "subtle": "atomic.color.neutral.cool.200"
+            }
+        },
+        "recipes": {
+            "card": {
+                "default": "bg-white rounded-[32px] p-6 shadow-sm border-none",
+                "floating": "bg-white rounded-[40px] p-8 shadow-xl shadow-neutral-900/5 border-none",
+                "flat": "bg-neutral-100 rounded-[24px] p-6 border-none"
+            },
+            "button": {
+                "primary": "bg-brand-500 text-white rounded-full h-14 px-8 text-lg font-bold shadow-lg shadow-brand-500/20 hover:scale-105 active:scale-95 transition-all",
+                "secondary": "bg-white text-neutral-900 rounded-full h-14 px-8 text-lg font-bold shadow-sm hover:bg-neutral-50 transition-colors",
+                "ghost": "bg-transparent text-neutral-600 rounded-full h-12 px-6 font-semibold hover:bg-neutral-100 transition-colors"
+            },
+            "input": {
+                "default": "w-full bg-white rounded-full h-16 px-8 text-xl shadow-sm border-none placeholder:text-neutral-400 focus:ring-4 focus:ring-brand-500/10 transition-all",
+                "search": "w-full bg-white rounded-full h-14 px-12 text-lg shadow-[0_2px_12px_rgba(0,0,0,0.04)] border-none"
+            },
+            "typography": {
+                "h1": "font-sans text-4xl font-semibold tracking-tight text-neutral-900 lg:text-5xl",
+                "h2": "font-sans text-2xl font-semibold tracking-tight text-neutral-900",
+                "h3": "font-sans text-lg font-semibold text-neutral-900",
+                "h4": "font-sans text-base font-semibold text-neutral-900",
+                "body": "font-sans text-lg text-neutral-600 leading-relaxed font-semibold"
+            },
+            "layout": {
+                "container": "bg-neutral-50 min-h-screen",
+                "section": "max-w-7xl mx-auto px-6 py-20"
+            },
+            "avatar": {
+                "default": "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full"
+            },
+            "checkbox": {
+                "default": "peer h-4 w-4 shrink-0 rounded-md border-none ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"
+            },
+            "progress": {
+                "default": "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+                "indicator": "h-full w-full flex-1 bg-primary transition-all"
+            },
+            "slider": {
+                "default": "relative flex w-full touch-none select-none items-center",
+                "track": "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",
+                "range": "absolute h-full bg-primary",
+                "thumb": "block h-5 w-5 rounded-full border-none bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+            },
+            "modal": {
+                "overlay": "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm",
+                "content": "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-white border-none rounded-2xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] p-6"
+            },
+            "dropdown": {
+                "content": "z-50 min-w-[8rem] overflow-hidden bg-white border-none rounded-[32px] shadow-[0_8px_30px_rgb(0,0,0,0.04)] p-1",
+                "item": "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+            },
+            "form": {
+                "item": "space-y-2",
+                "label": "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ",
+                "message": "text-[0.8rem] font-medium text-destructive"
+            },
+            "image": {
+                "default": "overflow-hidden rounded-2xl"
+            },
+            "radio": {
+                "default": "aspect-square h-4 w-4 rounded-full border-none text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+            },
+            "textarea": {
+                "default": "flex min-h-[80px] w-full rounded-xl border-none bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+            },
+            "skeleton": {
+                "default": "animate-pulse rounded-xl bg-muted"
+            },
+            "scroll-area": {
+                "default": "relative overflow-hidden",
+                "scrollbar": "flex h-full w-2.5 border-l border-l-transparent p-[1px]"
+            },
+            "select": {
+                "trigger": "flex h-10 w-full items-center justify-between rounded-full border-none bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+                "content": "relative z-50 min-w-[8rem] overflow-hidden bg-white border-none rounded-[32px] shadow-[0_8px_30px_rgb(0,0,0,0.04)]"
+            },
+            "label": {
+                "default": "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 "
+            },
+            "separator": {
+                "default": "shrink-0 bg-border",
+                "horizontal": "h-[1px] w-full",
+                "vertical": "h-full w-[1px]"
+            },
+            "alert-dialog": {
+                "content": "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-white border-none rounded-2xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] p-6"
+            },
+            "popover": {
+                "content": "z-50 w-72 bg-white border-none rounded-2xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] p-4 outline-none"
+            },
+            "hover-card": {
+                "content": "z-50 w-64 bg-white border-none rounded-2xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] p-4 outline-none"
+            },
+            "tooltip": {
+                "content": "z-50 overflow-hidden rounded-full bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95"
+            },
+            "sheet": {
+                "content": "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500"
+            },
+            "toast": {
+                "default": "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden p-6 pr-8 shadow-lg transition-all bg-white border-none rounded-2xl shadow-[0_8px_30px_rgb(0,0,0,0.04)]"
+            },
+            "sidebar": {
+                "default": "flex h-full w-64 flex-col overflow-y-auto bg-background border-r border-neutral-100 pb-4"
+            },
+            "navigation-menu": {
+                "list": "group flex flex-1 list-none items-center justify-center space-x-1",
+                "trigger": "group inline-flex h-10 w-max items-center justify-center rounded-full bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-neutral-50 hover:text-neutral-900 focus:bg-neutral-50 focus:text-neutral-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50"
+            },
+            "breadcrumb": {
+                "list": "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+                "item": "inline-flex items-center gap-1.5",
+                "link": "transition-colors hover:text-foreground"
+            },
+            "command": {
+                "default": "flex h-full w-full flex-col overflow-hidden bg-white border-none rounded-2xl shadow-[0_8px_30px_rgb(0,0,0,0.04)]",
+                "input": "flex h-11 w-full rounded-none bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
+            },
+            "calendar": {
+                "default": "p-3 bg-white border-none rounded-2xl shadow-[0_8px_30px_rgb(0,0,0,0.04)]",
+                "cell": "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+                "day": "h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-full"
+            }
+        }
+    }
+}

package/dist/bundled/themes/generated/square-minimalism.json

@@ -0,0 +1,294 @@
+{
+    "id": "square-minimalism",
+    "name": "Square Minimalism",
+    "schemaVersion": "2.1",
+    "brandTone": "architectural",
+    "designDNA": {
+        "moodKeywords": [
+            "architectural",
+            "sharp",
+            "spacious",
+            "unapologetic"
+        ],
+        "targetEmotion": "clarity",
+        "visualAtmosphere": "modern art gallery",
+        "principles": [
+            "No rounded corners (Radius 0 defines the character)",
+            "Whitespace as a divider",
+            "Typography as a graphical element"
+        ]
+    },
+    "tokens": {
+        "atomic": {
+            "color": {
+                "brand": {
+                    "100": {
+                        "l": 0.95,
+                        "c": 0,
+                        "h": 0
+                    },
+                    "500": {
+                        "l": 0,
+                        "c": 0,
+                        "h": 0
+                    },
+                    "900": {
+                        "l": 0,
+                        "c": 0,
+                        "h": 0
+                    }
+                },
+                "neutral": {
+                    "50": {
+                        "l": 0.98,
+                        "c": 0,
+                        "h": 0
+                    },
+                    "100": {
+                        "l": 0.96,
+                        "c": 0,
+                        "h": 0.01
+                    },
+                    "200": {
+                        "l": 0.92,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "300": {
+                        "l": 0.87,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "400": {
+                        "l": 0.75,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "500": {
+                        "l": 0.6,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "600": {
+                        "l": 0.45,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "700": {
+                        "l": 0.3,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "800": {
+                        "l": 0.15,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "900": {
+                        "l": 0.1,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "950": {
+                        "l": 0.05,
+                        "c": 0.01,
+                        "h": 0
+                    },
+                    "white": {
+                        "l": 1,
+                        "c": 0,
+                        "h": 0
+                    }
+                }
+            },
+            "radius": {
+                "none": "0px",
+                "sm": "0px",
+                "md": "0px",
+                "lg": "0px",
+                "xl": "0px",
+                "full": "0px",
+                "select": "0px",
+                "circle": "50%"
+            },
+            "spacing": {
+                "4": "1rem",
+                "6": "1.5rem",
+                "8": "2rem",
+                "12": "3rem",
+                "24": "6rem"
+            }
+        },
+        "semantic": {
+            "background": {
+                "canvas": "atomic.color.neutral.white",
+                "surface": {
+                    "subtle": "atomic.color.neutral.50",
+                    "default": "atomic.color.neutral.white",
+                    "emphasis": "atomic.color.neutral.100"
+                },
+                "brand": {
+                    "subtle": "atomic.color.neutral.100",
+                    "default": "atomic.color.brand.500",
+                    "emphasis": "atomic.color.brand.900"
+                }
+            },
+            "border": {
+                "default": {
+                    "subtle": "atomic.color.neutral.100",
+                    "default": "atomic.color.neutral.200",
+                    "emphasis": "atomic.color.neutral.900"
+                }
+            },
+            "text": {
+                "primary": "atomic.color.neutral.900",
+                "secondary": "atomic.color.neutral.600",
+                "muted": "atomic.color.neutral.400"
+            }
+        },
+        "recipes": {
+            "card": {
+                "glass": "bg-white/80 backdrop-blur-xl border border-white/20 shadow-[0_8px_32px_rgba(0,0,0,0.04)]",
+                "outlined": "bg-transparent border border-neutral-200",
+                "minimal": "bg-neutral-50 border-none"
+            },
+            "button": {
+                "primary": "bg-neutral-900 text-white rounded-none px-6 py-3 uppercase tracking-wider text-sm font-semibold hover:bg-neutral-800 transition-colors",
+                "secondary": "bg-white text-neutral-900 border border-neutral-200 rounded-none px-6 py-3 uppercase tracking-wider text-sm font-semibold hover:bg-neutral-50 transition-colors",
+                "ghost": "bg-transparent text-neutral-600 rounded-none px-4 py-2 uppercase tracking-wider text-sm font-medium hover:text-neutral-900"
+            },
+            "input": {
+                "architectural": "w-full bg-transparent border-b border-neutral-200 p-0 py-2 text-neutral-900 placeholder:text-neutral-400 focus:border-neutral-900 focus:outline-none rounded-none transition-colors"
+            },
+            "table": {
+                "root": "w-full text-left border-collapse",
+                "header": "border-b border-neutral-900 pb-3 text-[10px] uppercase tracking-widest font-bold text-neutral-500",
+                "row": "border-b border-neutral-100 hover:bg-neutral-50 transition-colors group",
+                "cell": "py-4 pl-4 text-sm text-neutral-600 font-medium group-hover:text-neutral-900 align-middle"
+            },
+            "badge": {
+                "neutral": "inline-flex items-center rounded-none border border-neutral-200 bg-neutral-50 px-2 py-0.5 text-[10px] uppercase font-bold text-neutral-600 tracking-wide",
+                "success": "inline-flex items-center rounded-none border border-green-200 bg-green-50 px-2 py-0.5 text-[10px] uppercase font-bold text-green-700 tracking-wide"
+            },
+            "toggle": {
+                "label": "relative inline-flex items-center cursor-pointer",
+                "input": "sr-only peer",
+                "wrapper": "w-11 h-6 bg-neutral-200 peer-focus:outline-none rounded-none peer dark:bg-neutral-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-none after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-neutral-900"
+            },
+            "tabs": {
+                "list": "flex gap-8 border-b border-neutral-200 mb-12",
+                "trigger": "pb-4 text-xs font-bold uppercase tracking-widest text-neutral-400 hover:text-neutral-900 border-b-2 border-transparent data-[state=active]:border-neutral-900 data-[state=active]:text-neutral-900 transition-colors"
+            },
+            "typography": {
+                "h1": "scroll-m-20 text-4xl font-bold tracking-tighter text-neutral-900 lg:text-6xl",
+                "h2": "scroll-m-20 text-3xl font-semibold tracking-tight text-neutral-900",
+                "h3": "scroll-m-20 text-2xl font-semibold tracking-tight text-neutral-900",
+                "h4": "scroll-m-20 text-xl font-semibold tracking-tight text-neutral-900",
+                "hero": "text-5xl font-bold tracking-tight text-neutral-900 leading-tight",
+                "eyebrow": "text-xs font-bold uppercase tracking-[0.15em] text-neutral-500 mb-2 block",
+                "body": "text-base font-normal text-neutral-600 leading-relaxed",
+                "label": "text-xs font-medium text-neutral-500 uppercase tracking-wide"
+            },
+            "layout": {
+                "section": "py-24 px-6 max-w-7xl mx-auto",
+                "grid": "grid grid-cols-1 md:grid-cols-12 gap-x-8 gap-y-12"
+            },
+            "avatar": {
+                "default": "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-none"
+            },
+            "checkbox": {
+                "default": "peer h-4 w-4 shrink-0 rounded-none border border-neutral-200 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"
+            },
+            "progress": {
+                "default": "relative h-4 w-full overflow-hidden rounded-none bg-secondary",
+                "indicator": "h-full w-full flex-1 bg-primary transition-all"
+            },
+            "slider": {
+                "default": "relative flex w-full touch-none select-none items-center",
+                "track": "relative h-2 w-full grow overflow-hidden rounded-none bg-secondary",
+                "range": "absolute h-full bg-primary",
+                "thumb": "block h-5 w-5 rounded-none border border-neutral-200 bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+            },
+            "modal": {
+                "overlay": "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm",
+                "content": "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-white border border-neutral-200 rounded-none shadow-md p-6"
+            },
+            "dropdown": {
+                "content": "z-50 min-w-[8rem] overflow-hidden bg-white border border-neutral-200 rounded-none shadow-md p-1",
+                "item": "relative flex cursor-default select-none items-center rounded-none px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+            },
+            "form": {
+                "item": "space-y-2",
+                "label": "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ",
+                "message": "text-[0.8rem] font-medium text-destructive"
+            },
+            "image": {
+                "default": "overflow-hidden rounded-none"
+            },
+            "radio": {
+                "default": "aspect-square h-4 w-4 rounded-full border border-neutral-200 text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+            },
+            "textarea": {
+                "default": "flex min-h-[80px] w-full rounded-none border border-neutral-200 bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+            },
+            "skeleton": {
+                "default": "animate-pulse rounded-none bg-muted"
+            },
+            "scroll-area": {
+                "default": "relative overflow-hidden",
+                "scrollbar": "flex h-full w-2.5 border-l border-l-transparent p-[1px]"
+            },
+            "select": {
+                "trigger": "flex h-10 w-full items-center justify-between rounded-none border border-neutral-200 bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+                "content": "relative z-50 min-w-[8rem] overflow-hidden bg-white border border-neutral-200 rounded-none shadow-md"
+            },
+            "label": {
+                "default": "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 "
+            },
+            "separator": {
+                "default": "shrink-0 bg-border",
+                "horizontal": "h-[1px] w-full",
+                "vertical": "h-full w-[1px]"
+            },
+            "alert-dialog": {
+                "content": "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-white border border-neutral-200 rounded-none shadow-md p-6"
+            },
+            "popover": {
+                "content": "z-50 w-72 bg-white border border-neutral-200 rounded-none shadow-md p-4 outline-none"
+            },
+            "hover-card": {
+                "content": "z-50 w-64 bg-white border border-neutral-200 rounded-none shadow-md p-4 outline-none"
+            },
+            "tooltip": {
+                "content": "z-50 overflow-hidden rounded-none bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95"
+            },
+            "sheet": {
+                "content": "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500"
+            },
+            "toast": {
+                "default": "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden p-6 pr-8 shadow-lg transition-all bg-white border border-neutral-200 rounded-none shadow-md"
+            },
+            "sidebar": {
+                "default": "flex h-full w-64 flex-col overflow-y-auto bg-background border border-neutral-200 pb-4"
+            },
+            "navigation-menu": {
+                "list": "group flex flex-1 list-none items-center justify-center space-x-1",
+                "trigger": "group inline-flex h-10 w-max items-center justify-center rounded-none bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50"
+            },
+            "breadcrumb": {
+                "list": "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+                "item": "inline-flex items-center gap-1.5",
+                "link": "transition-colors hover:text-foreground"
+            },
+            "command": {
+                "default": "flex h-full w-full flex-col overflow-hidden bg-white border border-neutral-200 rounded-none shadow-md",
+                "input": "flex h-11 w-full rounded-none bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
+            },
+            "calendar": {
+                "default": "p-3 bg-white border border-neutral-200 rounded-none shadow-md",
+                "cell": "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+                "day": "h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-none"
+            }
+        }
+    }
+}

package/dist/generated-data-dir.d.ts

@@ -0,0 +1,2 @@
+export declare function getGeneratedDataDir(importMetaUrl: string, type: 'themes' | 'icon-libraries'): string | null;
+//# sourceMappingURL=generated-data-dir.d.ts.map

package/dist/generated-data-dir.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generated-data-dir.d.ts","sourceRoot":"","sources":["../src/generated-data-dir.ts"],"names":[],"mappings":"AAkBA,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,QAAQ,GAAG,gBAAgB,GAChC,MAAM,GAAG,IAAI,CAkBf"}

package/dist/generated-data-dir.js

@@ -0,0 +1,31 @@
+import { existsSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+function findProjectRoot(startDir) {
+    let currentDir = startDir;
+    const root = '/';
+    while (currentDir !== root) {
+        if (existsSync(join(currentDir, '.moai'))) {
+            return currentDir;
+        }
+        currentDir = resolve(currentDir, '..');
+    }
+    return null;
+}
+export function getGeneratedDataDir(importMetaUrl, type) {
+    const moduleDir = dirname(fileURLToPath(importMetaUrl));
+    const cwdRoot = findProjectRoot(process.cwd());
+    const moduleRoot = findProjectRoot(moduleDir);
+    const candidates = [
+        cwdRoot ? join(cwdRoot, '.moai', type, 'generated') : null,
+        moduleRoot ? join(moduleRoot, '.moai', type, 'generated') : null,
+        join(moduleDir, 'bundled', type, 'generated'),
+    ];
+    for (const candidate of candidates) {
+        if (candidate && existsSync(candidate)) {
+            return candidate;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=generated-data-dir.js.map

package/dist/generated-data-dir.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generated-data-dir.js","sourceRoot":"","sources":["../src/generated-data-dir.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,SAAS,eAAe,CAAC,QAAgB;IACvC,IAAI,UAAU,GAAG,QAAQ,CAAC;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC;IAEjB,OAAO,UAAU,KAAK,IAAI,EAAE,CAAC;QAC3B,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;YAC1C,OAAO,UAAU,CAAC;QACpB,CAAC;QACD,UAAU,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,aAAqB,EACrB,IAAiC;IAEjC,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG;QACjB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI;QAC1D,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI;QAChE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC;KAC9C,CAAC;IAEF,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,IAAI,SAAS,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YACvC,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/icon-library.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-library.d.ts","sourceRoot":"","sources":["../src/icon-library.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,kCAAkC;AAClC,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,uCAAuC;AACvC,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,sBAAsB;AACtB,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,8BAA8B;AAC9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,EAAE;QACV,KAAK,EAAE,mBAAmB,CAAC;QAC3B,GAAG,EAAE,mBAAmB,CAAC;KAC1B,CAAC;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CACvC;AAED,wCAAwC;AACxC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAuCD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAgCrE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,eAAe,EAAE,CA2BrD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAW5D;AAMD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAgBrF;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAInF;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAK5E;AAMD;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EAAE,EACnB,SAAS,EAAE,OAAO,GAAG,KAAK,GACzB,MAAM,CAgBR;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,OAAO,GAAG,KAAK,EAC1B,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,CAYR"}
+{"version":3,"file":"icon-library.d.ts","sourceRoot":"","sources":["../src/icon-library.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH,kCAAkC;AAClC,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,uCAAuC;AACvC,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,sBAAsB;AACtB,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,8BAA8B;AAC9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,EAAE;QACV,KAAK,EAAE,mBAAmB,CAAC;QAC3B,GAAG,EAAE,mBAAmB,CAAC;KAC1B,CAAC;IACF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CACvC;AAED,wCAAwC;AACxC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAqBD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAgCrE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,eAAe,EAAE,CA2BrD;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAW5D;AAMD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAgBrF;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAInF;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAK5E;AAMD;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EAAE,EACnB,SAAS,EAAE,OAAO,GAAG,KAAK,GACzB,MAAM,CAgBR;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,OAAO,GAAG,KAAK,EAC1B,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,CAYR"}

package/dist/icon-library.js

@@ -4,34 +4,20 @@
  * [SPEC-ICON-001]
  */
 import { readFileSync, readdirSync, existsSync } from 'node:fs';
-import { join, resolve } from 'node:path';
+import { join } from 'node:path';
+import { getGeneratedDataDir } from './generated-data-dir.js';
 // ============================================================================
 // Icon Library Directory Resolution
 // ============================================================================
 /**
- * Find project root by looking for .moai directory
- */
-function findProjectRoot(startDir) {
-    let currentDir = startDir;
-    const root = '/';
-    while (currentDir !== root) {
-        if (existsSync(join(currentDir, '.moai'))) {
-            return currentDir;
-        }
-        currentDir = resolve(currentDir, '..');
-    }
-    return null;
-}
-/**
- * Get icon libraries directory path
- * Returns .moai/icon-libraries/generated/ from project root
+ * Resolve icon libraries directory.
+ * Priority:
+ * 1. Consumer project .moai/icon-libraries/generated
+ * 2. Monorepo root .moai/icon-libraries/generated
+ * 3. Bundled package data copied into dist/bundled/icon-libraries/generated
  */
 function getIconLibrariesDir() {
-    const projectRoot = findProjectRoot(process.cwd());
-    if (!projectRoot) {
-        return null;
-    }
-    return join(projectRoot, '.moai', 'icon-libraries', 'generated');
+    return getGeneratedDataDir(import.meta.url, 'icon-libraries');
 }
 // ============================================================================
 // Icon Library Loading Functions