@tomny-dev/uzi 0.1.12 → 0.2.0-pr.19.65.1.6d1e717

package/README.md

@@ -125,6 +125,27 @@ In practice, `uzi` should spend its complexity budget on reusable app scaffoldin
 - `showThemeToggle`
 - `themeToggleProps`
 
+## Documentation
+
+- [Getting Started](docs/getting-started.md) — Installation, setup, and first component
+- [Theming](docs/theming.md) — ThemeProvider, useTheme, accent palettes, CSS overrides
+- [Layout Patterns](docs/guides/layout-patterns.md) — Dashboard, full-width header, center-branded
+- [Form Patterns](docs/guides/form-patterns.md) — Input, Select, MultiSelect, SegmentedToggle patterns
+
+## SSR Notes
+
+This package bundles CSS inline into the JavaScript output via `vite-plugin-css-injected-by-js`.
+At runtime, a `<style>` tag is injected into the document head so consumers do **not** need
+to import `./styles.css` for client-side rendering.
+
+If your app uses SSR (Next.js, Remix, etc.), the injected `<style>` tag won't run on the
+server, so there may be a brief flash of unstyled content on the first client render.
+Consumers who need SSR-safe styles should continue importing the separate stylesheet:
+
+```css
+@import "@tomny-dev/uzi/styles.css";
+```
+
 ## Notes
 
 - No Tailwind — components use CSS modules internally

package/dist/components/avatar/Avatar.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-export type AvatarSize = "sm" | "md" | "lg";
+export type AvatarSize = "sm" | "md" | "lg" | "xl";
 export type AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {
     size?: AvatarSize;
 };

package/dist/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAW,EACX,GAAG,KAAK,EACT,EAAE,WAAW,2CAUb;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAOpD;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAOvD"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IAC5E,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAW,EACX,GAAG,KAAK,EACT,EAAE,WAAW,2CAUb;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAOpD;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAOvD"}

package/dist/components/segmented-toggle/SegmentedToggle.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+export type SegmentedToggleOption<T extends string = string> = {
+    label: ReactNode;
+    value: T;
+    disabled?: boolean;
+};
+export type SegmentedToggleProps<T extends string = string> = {
+    options: SegmentedToggleOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    className?: string;
+};
+export declare function SegmentedToggle<T extends string = string>({ options, value, onChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, }: SegmentedToggleProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SegmentedToggle.d.ts.map

package/dist/components/segmented-toggle/SegmentedToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedToggle.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-toggle/SegmentedToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC7D,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC5D,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACzD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAS,GACV,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA4HzB"}

package/dist/components/sidebar-nav/SidebarNav.d.ts

@@ -7,6 +7,14 @@ export type SidebarNavItem = {
     badge?: ReactNode;
     active?: boolean;
     disabled?: boolean;
+    /**
+     * When `true`, this item uses exact matching (matches its own path and paths starting with `{href}/`)
+     * instead of prefix matching. This flag takes precedence over the global `matchStrategy` prop on a
+     * per-item basis — even when `matchStrategy="prefix"`, an item with `exact: true` will use exact matching.
+     * When `matchStrategy="most-specific"`, exact-flagged items participate in the length-based tiebreaker
+     * like all other candidates, provided they pass their own match check first.
+     */
+    exact?: boolean;
     title?: string;
     target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
     rel?: AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
@@ -22,6 +30,7 @@ export type SidebarNavProps = {
     sections?: SidebarNavSection[];
     currentPath?: string;
     getIsActive?: (item: SidebarNavItem, currentPath?: string) => boolean;
+    matchStrategy?: "prefix" | "most-specific";
     onItemClick?: (item: SidebarNavItem) => void;
     header?: ReactNode;
     footer?: ReactNode;
@@ -32,5 +41,5 @@ export type SidebarNavProps = {
     itemClassName?: string;
     sectionClassName?: string;
 };
-export declare function SidebarNav({ items, sections, currentPath, getIsActive, onItemClick, header, footer, ariaLabel, collapsed, iconSize, className, itemClassName, sectionClassName, }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarNav({ items, sections, currentPath, getIsActive, matchStrategy, onItemClick, header, footer, ariaLabel, collapsed, iconSize, className, itemClassName, sectionClassName, }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarNav.d.ts.map

package/dist/components/sidebar-nav/SidebarNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNav.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar-nav/SidebarNav.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3D,GAAG,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAUF,wBAAgB,UAAU,CAAC,EACzB,KAAU,EACV,QAAQ,EACR,WAAW,EACX,WAA6B,EAC7B,WAAW,EACX,MAAM,EACN,MAAM,EACN,SAAgC,EAChC,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,EAAE,eAAe,2CAkDjB"}
+{"version":3,"file":"SidebarNav.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar-nav/SidebarNav.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAsB,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAI/F,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3D,GAAG,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACtE,aAAa,CAAC,EAAE,QAAQ,GAAG,eAAe,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAqEF,wBAAgB,UAAU,CAAC,EACzB,KAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAwB,EACxB,WAAW,EACX,MAAM,EACN,MAAM,EACN,SAAgC,EAChC,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,EAAE,eAAe,2CA2EjB"}

package/dist/components/sidebar-nav/SidebarNav.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SidebarNav.test.d.ts.map

package/dist/components/sidebar-nav/SidebarNav.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.test.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar-nav/SidebarNav.test.tsx"],"names":[],"mappings":""}