admin-ui-starter-kit 0.6.9 → 0.7.1

package/dist/showcase/assets/hooks-fDydjf6M.js

@@ -0,0 +1,220 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-C_rLy6Zn.js";import{t as a}from"./braces-D88Ve7g-.js";import{n as o,r as s,t as c}from"./example-BsDQngs7.js";import{t as l}from"./funnel-Bvp5cFZt.js";import{t as u}from"./package-check-Nqr5Lv95.js";import{t as d}from"./route-Dj29lOBc.js";import{t as f}from"./settings-2-D06IRW2d.js";import{t as p}from"./shield-check-CNudpzdR.js";import{a as m,d as h,l as g}from"./index-B4sKWDcN.js";import{t as _}from"./icon-badge-ruuI6tt0.js";import{t as v}from"./smart-card-CwDYx0xj.js";var y=g(`component`,[[`path`,{d:`M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z`,key:`1uwlt4`}],[`path`,{d:`M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z`,key:`10291m`}],[`path`,{d:`M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z`,key:`1tqoq1`}],[`path`,{d:`M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z`,key:`1x6lto`}]]),b=g(`layout-dashboard`,[[`rect`,{width:`7`,height:`9`,x:`3`,y:`3`,rx:`1`,key:`10lvy0`}],[`rect`,{width:`7`,height:`5`,x:`14`,y:`3`,rx:`1`,key:`16une8`}],[`rect`,{width:`7`,height:`9`,x:`14`,y:`12`,rx:`1`,key:`1hutg5`}],[`rect`,{width:`7`,height:`5`,x:`3`,y:`16`,rx:`1`,key:`ldoo1y`}]]),x=g(`mouse-pointer-click`,[[`path`,{d:`M14 4.1 12 6`,key:`ita8i4`}],[`path`,{d:`m5.1 8-2.9-.8`,key:`1go3kf`}],[`path`,{d:`m6 12-1.9 2`,key:`mnht97`}],[`path`,{d:`M7.2 2.2 8 5.1`,key:`1cfko1`}],[`path`,{d:`M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z`,key:`s0h3yz`}]]),S=e({FeatureHookList:()=>k,HookImportMatrix:()=>D,HookRouteShortcuts:()=>j,HookRules:()=>O,InternalHooksNotice:()=>A}),C=h(),w=[{icon:f,title:`UIProvider hooks`,importPath:`admin-ui-starter-kit/ui-provider`,description:`Read library-wide display defaults such as money, dates, typography, controls, cards, and media.`,tone:`primary`,badges:[`useMoneyConfig`,`useDatesConfig`,`useFormsConfig`,`useMediaConfig`]},{icon:b,title:`Layout hooks`,importPath:`admin-ui-starter-kit/layout/hooks`,description:`Share layout-specific link rendering, active path checks, and command keyboard shortcut behavior.`,tone:`info`,badges:[`useLayoutLinkRenderer`,`useActivePath`,`useCommandShortcut`]},{icon:x,title:`Action hooks`,importPath:`admin-ui-starter-kit/services/actions`,description:`Resolve registered actions, local actions, surfaces, active action state, and action snapshots.`,tone:`warning`,badges:[`useLocalAction`,`useActionSurface`,`useAction`,`useRegisterActions`]},{icon:y,title:`Feature hooks`,importPath:`admin-ui-starter-kit/features/<feature>`,description:`Use the headless state machine exported by the exact feature package you render.`,tone:`success`,badges:[`useGlobalSearch`,`useFilters`,`useComments`,`useMediaLibrary`]}],T=[[`Exact subpaths only`,`Hooks import from the same public package boundary as their owning component or service.`],[`No framework imports`,`Hooks expose state, callbacks, and descriptors. The consuming app wires routing, fetching, i18n, auth, and query libraries.`],[`Feature hooks are local`,`A hook that only belongs to one feature ships from that feature subpath, not from a global hooks barrel.`]],E=[[`Global search`,`useGlobalSearch`,`features/global-search`],[`Filters`,`useFilters, useAsyncOptions, useFilterGroups`,`features/filters`],[`Comments`,`useComments, useAttachmentUpload, useReferencePicker`,`features/comments`],[`Mentions`,`useMentions, useMentionsSearch`,`features/mentions`],[`Suggestions`,`useSuggestions`,`features/suggestions`],[`Media library`,`useMediaLibrary`,`features/media-library`],[`Schema form`,`useSchemaForm`,`features/schema-form`],[`Overlays`,`useOverlayVisibility, useOverlayVisibilityGroup, useOverlayActions, useNativeDialog`,`features/overlays`]];function D(){return(0,C.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:w.map(e=>(0,C.jsx)(v,{surface:`framed`,padding:`default`,className:`h-full`,icon:(0,C.jsx)(_,{icon:e.icon,tone:e.tone,shape:`square`}),title:e.title,description:e.description,footerText:e.importPath,children:(0,C.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:e.badges.map(e=>(0,C.jsx)(n,{variant:`secondary`,children:e},e))})},e.title))})}function O(){return(0,C.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:T.map(([e,t])=>(0,C.jsxs)(v,{surface:`framed`,padding:`default`,children:[(0,C.jsx)(_,{icon:p,tone:`success`,shape:`square`}),(0,C.jsxs)(`div`,{className:`mt-3`,children:[(0,C.jsx)(r,{weight:`semibold`,children:e}),(0,C.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})]},e))})}function k(){return(0,C.jsx)(v,{title:`Feature hooks ship with their feature`,description:`Import the hook from the exact feature package so optional peers and examples stay isolated.`,icon:(0,C.jsx)(_,{icon:m,tone:`info`,shape:`square`,size:`default`}),children:(0,C.jsx)(`div`,{className:`grid gap-2`,children:E.map(([e,t,n])=>(0,C.jsxs)(`div`,{className:`grid gap-2 rounded-md border bg-background px-3 py-2.5 md:grid-cols-[10rem_minmax(0,1fr)]`,children:[(0,C.jsx)(r,{weight:`semibold`,children:e}),(0,C.jsxs)(`div`,{className:`min-w-0`,children:[(0,C.jsx)(r,{size:`xs`,type:`secondary`,className:`break-words`,children:t}),(0,C.jsxs)(r,{size:`xs`,type:`discrete`,className:`mt-1 break-all font-mono`,children:[`admin-ui-starter-kit/`,n]})]})]},e))})})}function A(){return(0,C.jsx)(v,{surface:`framed`,padding:`default`,icon:(0,C.jsx)(_,{icon:u,tone:`warning`,shape:`square`}),title:`src/hooks is not a public package surface`,description:`Global implementation hooks such as use-debounce, use-mobile, and file helpers can support package internals, but consumers should only import hooks from exact exported package subpaths.`,children:(0,C.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,C.jsx)(n,{variant:`secondary`,children:`No admin-ui-starter-kit/hooks`}),(0,C.jsx)(n,{variant:`secondary`,children:`No dist file paths`}),(0,C.jsx)(n,{variant:`secondary`,children:`No private aliases`})]})})}function j(){return(0,C.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,C.jsx)(s,{href:`#/services/actions`,icon:a,children:`Actions service`}),(0,C.jsx)(s,{href:`#/features/global-search`,buttonStyle:`outline`,icon:m,children:`Global search hooks`}),(0,C.jsx)(s,{href:`#/features/filters`,buttonStyle:`outline`,icon:l,children:`Filter hooks`}),(0,C.jsx)(s,{href:`#/layout/page`,buttonStyle:`outline`,icon:d,children:`Layout contracts`})]})}var M=`import {
+	Braces,
+	Component,
+	Filter,
+	LayoutDashboard,
+	MousePointerClick,
+	PackageCheck,
+	Route,
+	Search,
+	Settings2,
+	ShieldCheck,
+	} from 'lucide-react';
+
+import { Badge } from '@/components/base/badge';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import { IconBadge,
+} from '@/components/base/display';
+import { Text } from '@/components/typography';
+
+const publicSurfaces = [
+	{
+		icon: Settings2,
+		title: 'UIProvider hooks',
+		importPath: 'admin-ui-starter-kit/ui-provider',
+		description: 'Read library-wide display defaults such as money, dates, typography, controls, cards, and media.',
+		tone: 'primary',
+		badges: ['useMoneyConfig', 'useDatesConfig', 'useFormsConfig', 'useMediaConfig'],
+	},
+	{
+		icon: LayoutDashboard,
+		title: 'Layout hooks',
+		importPath: 'admin-ui-starter-kit/layout/hooks',
+		description: 'Share layout-specific link rendering, active path checks, and command keyboard shortcut behavior.',
+		tone: 'info',
+		badges: ['useLayoutLinkRenderer', 'useActivePath', 'useCommandShortcut'],
+	},
+	{
+		icon: MousePointerClick,
+		title: 'Action hooks',
+		importPath: 'admin-ui-starter-kit/services/actions',
+		description: 'Resolve registered actions, local actions, surfaces, active action state, and action snapshots.',
+		tone: 'warning',
+		badges: ['useLocalAction', 'useActionSurface', 'useAction', 'useRegisterActions'],
+	},
+	{
+		icon: Component,
+		title: 'Feature hooks',
+		importPath: 'admin-ui-starter-kit/features/<feature>',
+		description: 'Use the headless state machine exported by the exact feature package you render.',
+		tone: 'success',
+		badges: ['useGlobalSearch', 'useFilters', 'useComments', 'useMediaLibrary'],
+	},
+] as const;
+
+const rules = [
+	['Exact subpaths only', 'Hooks import from the same public package boundary as their owning component or service.'],
+	['No framework imports', 'Hooks expose state, callbacks, and descriptors. The consuming app wires routing, fetching, i18n, auth, and query libraries.'],
+	['Feature hooks are local', 'A hook that only belongs to one feature ships from that feature subpath, not from a global hooks barrel.'],
+] as const;
+
+const featureHooks = [
+	['Global search', 'useGlobalSearch', 'features/global-search'],
+	['Filters', 'useFilters, useAsyncOptions, useFilterGroups', 'features/filters'],
+	['Comments', 'useComments, useAttachmentUpload, useReferencePicker', 'features/comments'],
+	['Mentions', 'useMentions, useMentionsSearch', 'features/mentions'],
+	['Suggestions', 'useSuggestions', 'features/suggestions'],
+	['Media library', 'useMediaLibrary', 'features/media-library'],
+	['Schema form', 'useSchemaForm', 'features/schema-form'],
+	['Overlays', 'useOverlayVisibility, useOverlayVisibilityGroup, useOverlayActions, useNativeDialog', 'features/overlays'],
+] as const;
+
+export function HookImportMatrix() {
+	return (
+		<div className="grid gap-3 md:grid-cols-2">
+			{publicSurfaces.map((surface) => (
+				<SmartCard
+					key={surface.title}
+					surface="framed"
+					padding="default"
+					className="h-full"
+					icon={<IconBadge icon={surface.icon} tone={surface.tone} shape="square" />}
+					title={surface.title}
+					description={surface.description}
+					footerText={surface.importPath}
+				>
+					<div className="flex flex-wrap gap-2">
+						{surface.badges.map((badge) => (
+							<Badge key={badge} variant="secondary">
+								{badge}
+							</Badge>
+						))}
+					</div>
+				</SmartCard>
+			))}
+		</div>
+	);
+}
+
+export function HookRules() {
+	return (
+		<div className="grid gap-3 md:grid-cols-3">
+			{rules.map(([title, description]) => (
+				<SmartCard key={title} surface="framed" padding="default">
+					<IconBadge icon={ShieldCheck} tone="success" shape="square" />
+					<div className="mt-3">
+						<Text weight="semibold">{title}</Text>
+						<Text size="xs" type="secondary" className="mt-1">
+							{description}
+						</Text>
+					</div>
+				</SmartCard>
+			))}
+		</div>
+	);
+}
+
+export function FeatureHookList() {
+	return (
+		<SmartCard
+			title="Feature hooks ship with their feature"
+			description="Import the hook from the exact feature package so optional peers and examples stay isolated."
+			icon={<IconBadge icon={Search} tone="info" shape="square" size="default" />}
+		>
+			<div className="grid gap-2">
+				{featureHooks.map(([label, hooks, path]) => (
+					<div key={label} className="grid gap-2 rounded-md border bg-background px-3 py-2.5 md:grid-cols-[10rem_minmax(0,1fr)]">
+						<Text weight="semibold">{label}</Text>
+						<div className="min-w-0">
+							<Text size="xs" type="secondary" className="break-words">
+								{hooks}
+							</Text>
+							<Text size="xs" type="discrete" className="mt-1 break-all font-mono">
+								admin-ui-starter-kit/{path}
+							</Text>
+						</div>
+					</div>
+				))}
+			</div>
+		</SmartCard>
+	);
+}
+
+export function InternalHooksNotice() {
+	return (
+		<SmartCard
+			surface="framed"
+			padding="default"
+			icon={<IconBadge icon={PackageCheck} tone="warning" shape="square" />}
+			title="src/hooks is not a public package surface"
+			description="Global implementation hooks such as use-debounce, use-mobile, and file helpers can support package internals, but consumers should only import hooks from exact exported package subpaths."
+		>
+			<div className="flex flex-wrap gap-2">
+				<Badge variant="secondary">No admin-ui-starter-kit/hooks</Badge>
+				<Badge variant="secondary">No dist file paths</Badge>
+				<Badge variant="secondary">No private aliases</Badge>
+			</div>
+		</SmartCard>
+	);
+}
+
+export function HookRouteShortcuts() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Button href="#/services/actions" icon={Braces}>
+				Actions service
+			</Button>
+			<Button href="#/features/global-search" buttonStyle="outline" icon={Search}>
+				Global search hooks
+			</Button>
+			<Button href="#/features/filters" buttonStyle="outline" icon={Filter}>
+				Filter hooks
+			</Button>
+			<Button href="#/layout/page" buttonStyle="outline" icon={Route}>
+				Layout contracts
+			</Button>
+		</div>
+	);
+}
+`;function N(e){let n={code:`code`,li:`li`,p:`p`,ul:`ul`,...e.components};return S||F(`Examples`,!1),k||F(`Examples.FeatureHookList`,!0),D||F(`Examples.HookImportMatrix`,!0),j||F(`Examples.HookRouteShortcuts`,!0),O||F(`Examples.HookRules`,!0),A||F(`Examples.InternalHooksNotice`,!0),(0,C.jsxs)(t,{title:`Hooks reference`,description:`Public hook import boundaries for provider defaults, layout helpers, action lifecycle, and feature headless state.`,layer:`services`,status:`ready`,sourcePath:`src/lib/ui-provider, src/components/layout/hooks, src/services/actions, src/components/features/*/hooks`,children:[(0,C.jsxs)(i,{title:`Overview`,id:`overview`,children:[(0,C.jsxs)(n.p,{children:[`Hooks are public only when they are exported from an exact package subpath.
+There is no broad `,(0,C.jsx)(n.code,{children:`admin-ui-starter-kit/hooks`}),` entrypoint. This keeps optional
+peers isolated, keeps feature state beside the feature it controls, and prevents
+private implementation helpers from becoming accidental API.`]}),(0,C.jsx)(c,{name:`HookImportMatrix`,source:M,layout:`flush`,children:(0,C.jsx)(D,{})})]}),(0,C.jsxs)(i,{title:`Import rules`,id:`import-rules`,children:[(0,C.jsx)(c,{name:`HookRules`,source:M,layout:`flush`,children:(0,C.jsx)(O,{})}),(0,C.jsx)(n.p,{children:`Use the same boundary as the thing you are composing:`}),(0,C.jsx)(o,{language:`tsx`,code:`import { useButtonConfig, useDatesConfig } from 'admin-ui-starter-kit/ui-provider';
+import { useActivePath, useCommandShortcut } from 'admin-ui-starter-kit/layout/hooks';
+import { useLocalAction, useActionSurface } from 'admin-ui-starter-kit/services/actions';
+import { useOverlayVisibility, useOverlayVisibilityGroup } from 'admin-ui-starter-kit/features/overlays';
+import { useGlobalSearch } from 'admin-ui-starter-kit/features/global-search';
+import { useFilters } from 'admin-ui-starter-kit/features/filters';`}),(0,C.jsxs)(n.p,{children:[`Do not import hooks from `,(0,C.jsx)(n.code,{children:`dist/`}),`, source paths, broad aggregate paths, or
+internal aliases. If a hook is not exported from a public package subpath, it is
+not part of the package contract.`]})]}),(0,C.jsxs)(i,{title:`Provider hooks`,id:`provider-hooks`,children:[(0,C.jsxs)(n.p,{children:[(0,C.jsx)(n.code,{children:`admin-ui-starter-kit/ui-provider`}),` exports `,(0,C.jsx)(n.code,{children:`<UIProvider>`}),`, `,(0,C.jsx)(n.code,{children:`getUIConfig`}),`, and
+slice hooks such as `,(0,C.jsx)(n.code,{children:`useMoneyConfig`}),`, `,(0,C.jsx)(n.code,{children:`useDatesConfig`}),`, `,(0,C.jsx)(n.code,{children:`useCommentsConfig`}),`,
+`,(0,C.jsx)(n.code,{children:`useFiltersConfig`}),`, `,(0,C.jsx)(n.code,{children:`useFormsConfig`}),`, `,(0,C.jsx)(n.code,{children:`useTableConfig`}),`,
+`,(0,C.jsx)(n.code,{children:`useTypographyConfig`}),`, `,(0,C.jsx)(n.code,{children:`useItemConfig`}),`, `,(0,C.jsx)(n.code,{children:`useButtonConfig`}),`,
+`,(0,C.jsx)(n.code,{children:`useCardConfig`}),`, `,(0,C.jsx)(n.code,{children:`useToastConfig`}),`, `,(0,C.jsx)(n.code,{children:`useSpinnerConfig`}),`, and `,(0,C.jsx)(n.code,{children:`useMediaConfig`}),`.`]}),(0,C.jsx)(n.p,{children:`Provider hooks are read-only display defaults. They do not carry per-mount data,
+runtime callbacks, translations, resource registries, or routing behavior. The
+component resolution rule remains:`}),(0,C.jsx)(o,{language:`ts`,code:`props.value ?? useFooConfig().value ?? hardcodedFallback`})]}),(0,C.jsxs)(i,{title:`Layout hooks`,id:`layout-hooks`,children:[(0,C.jsxs)(n.p,{children:[(0,C.jsx)(n.code,{children:`admin-ui-starter-kit/layout/hooks`}),` exports layout-only helpers:`]}),(0,C.jsxs)(n.ul,{children:[`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useLayoutLinkRenderer`}),` for a shared router-agnostic `,(0,C.jsx)(n.code,{children:`renderLink`}),` contract.`]}),`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useActivePath`}),` for active navigation checks.`]}),`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useCommandShortcut`}),` for command/search keyboard shortcut handling.`]}),`
+`]}),(0,C.jsx)(n.p,{children:`These hooks support package layout shells. They do not know about app routers;
+consumers pass link renderers and current paths through props.`})]}),(0,C.jsxs)(i,{title:`Action hooks`,id:`action-hooks`,children:[(0,C.jsxs)(n.p,{children:[(0,C.jsx)(n.code,{children:`admin-ui-starter-kit/services/actions`}),` exports hooks for the shared action
+runtime:`]}),(0,C.jsxs)(n.ul,{children:[`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useRegisterActions`}),` registers definitions in the current or explicit scope.`]}),`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useLocalAction`}),` registers one component-local definition for incremental
+migration.`]}),`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useAction`}),` resolves one action by id.`]}),`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useActionSurface`}),` resolves all actions for a surface such as `,(0,C.jsx)(n.code,{children:`page`}),`,
+`,(0,C.jsx)(n.code,{children:`table-row`}),`, `,(0,C.jsx)(n.code,{children:`card`}),`, or `,(0,C.jsx)(n.code,{children:`command`}),`.`]}),`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useActiveAction`}),` reads the action currently rendered by
+`,(0,C.jsx)(n.code,{children:`ActionOverlayOutlet`}),`.`]}),`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useActionSnapshot`}),` reads the complete registry and run-state snapshot.`]}),`
+`,(0,C.jsxs)(n.li,{children:[(0,C.jsx)(n.code,{children:`useActionScope`}),` reads the current scope id.`]}),`
+`]}),(0,C.jsxs)(n.p,{children:[`Use these only inside `,(0,C.jsx)(n.code,{children:`<ActionProvider>`}),`.`]})]}),(0,C.jsxs)(i,{title:`Feature hooks`,id:`feature-hooks`,children:[(0,C.jsx)(c,{name:`FeatureHookList`,source:M,layout:`flush`,children:(0,C.jsx)(k,{})}),(0,C.jsx)(n.p,{children:`Feature hooks are headless state machines or composition helpers for their own
+feature. They stay in the feature package so consumers can install and import
+only the surfaces they actually use.`}),(0,C.jsxs)(n.p,{children:[`For overlays, use `,(0,C.jsx)(n.code,{children:`useOverlayVisibility()`}),` for one local `,(0,C.jsx)(n.code,{children:`open/onOpenChange`}),`
+pair or `,(0,C.jsx)(n.code,{children:`useOverlayVisibilityGroup(['create', 'update'])`}),` when one component
+owns several independent overlay states.`]})]}),(0,C.jsxs)(i,{title:`Private helpers`,id:`private-helpers`,children:[(0,C.jsx)(c,{name:`InternalHooksNotice`,source:M,layout:`flush`,children:(0,C.jsx)(A,{})}),(0,C.jsxs)(n.p,{children:[(0,C.jsx)(n.code,{children:`src/hooks`}),` is a source-level implementation area, not a package export. Global
+helpers there can support the library internals, but consuming apps should rely
+on public hooks from `,(0,C.jsx)(n.code,{children:`ui-provider`}),`, `,(0,C.jsx)(n.code,{children:`layout/hooks`}),`, `,(0,C.jsx)(n.code,{children:`services/actions`}),`, or exact
+feature subpaths.`]})]}),(0,C.jsx)(i,{title:`Next`,id:`next`,children:(0,C.jsx)(c,{name:`HookRouteShortcuts`,source:M,layout:`center`,children:(0,C.jsx)(j,{})})})]})}function P(e={}){let{wrapper:t}=e.components||{};return t?(0,C.jsx)(t,{...e,children:(0,C.jsx)(N,{...e})}):N(e)}function F(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{P as default};

package/dist/showcase/assets/house-DbYM6er_.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`house`,[[`path`,{d:`M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8`,key:`5wwlr5`}],[`path`,{d:`M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`r6nss1`}]]);export{t};

package/dist/showcase/assets/icon-badge-DWQE6dAm.js

@@ -0,0 +1,37 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-C_rLy6Zn.js";import{t as r}from"./bell-DyqsYdKK.js";import{t as i}from"./example-BsDQngs7.js";import{t as a}from"./sparkles-BDnbTUMq.js";import{d as o}from"./index-B4sKWDcN.js";import{t as s}from"./props-table-aynAz90t.js";import{t as c}from"./icon-badge-ruuI6tt0.js";var l=e({IconBadgeShapes:()=>f,IconBadgeSmallDefault:()=>p,IconBadgeTones:()=>d}),u=o();function d(){return(0,u.jsx)(`div`,{className:`flex flex-wrap items-center gap-space-md`,children:[`primary`,`secondary`,`success`,`warning`,`destructive`,`info`,`muted`].map(e=>(0,u.jsx)(c,{icon:a,tone:e},e))})}function f(){return(0,u.jsxs)(`div`,{className:`flex items-center gap-space-md`,children:[(0,u.jsx)(c,{icon:a,shape:`circle`}),(0,u.jsx)(c,{icon:a,shape:`square`}),(0,u.jsx)(c,{icon:a,shape:`circle`,solid:!0,tone:`primary`}),(0,u.jsx)(c,{icon:a,shape:`square`,solid:!0,tone:`success`}),(0,u.jsx)(c,{icon:a,bordered:!0})]})}function p(){return(0,u.jsxs)(`div`,{className:`flex items-center gap-space-md`,children:[(0,u.jsx)(c,{icon:r,size:`small`}),(0,u.jsx)(c,{icon:r,size:`default`})]})}var m=`import { Bell, Sparkles } from 'lucide-react';
+
+import { IconBadge } from '@/components/base/display/icon-badge';
+
+export function IconBadgeTones() {
+	const tones = ['primary', 'secondary', 'success', 'warning', 'destructive', 'info', 'muted'] as const;
+
+	return (
+		<div className="flex flex-wrap items-center gap-space-md">
+			{tones.map((tone) => (
+				<IconBadge key={tone} icon={Sparkles} tone={tone} />
+			))}
+		</div>
+	);
+}
+
+export function IconBadgeShapes() {
+	return (
+		<div className="flex items-center gap-space-md">
+			<IconBadge icon={Sparkles} shape="circle" />
+			<IconBadge icon={Sparkles} shape="square" />
+			<IconBadge icon={Sparkles} shape="circle" solid tone="primary" />
+			<IconBadge icon={Sparkles} shape="square" solid tone="success" />
+			<IconBadge icon={Sparkles} bordered />
+		</div>
+	);
+}
+
+export function IconBadgeSmallDefault() {
+	return (
+		<div className="flex items-center gap-space-md">
+			<IconBadge icon={Bell} size="small" />
+			<IconBadge icon={Bell} size="default" />
+		</div>
+	);
+}
+`;function h(e){return l||_(`Examples`,!1),f||_(`Examples.IconBadgeShapes`,!0),p||_(`Examples.IconBadgeSmallDefault`,!0),d||_(`Examples.IconBadgeTones`,!0),(0,u.jsxs)(t,{title:`Icon badge`,description:`Tokenized icon container for status, resource, and row media affordances.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/icon-badge`,children:[(0,u.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,u.jsx)(i,{name:`IconBadgeTones`,source:m,children:(0,u.jsx)(d,{})}),(0,u.jsx)(i,{name:`IconBadgeShapes`,source:m,children:(0,u.jsx)(f,{})}),(0,u.jsx)(i,{name:`IconBadgeSmallDefault`,source:m,children:(0,u.jsx)(p,{})})]}),(0,u.jsx)(n,{title:`API`,id:`api`,children:(0,u.jsx)(s,{component:`IconBadge`})})]})}function g(e={}){let{wrapper:t}=e.components||{};return t?(0,u.jsx)(t,{...e,children:(0,u.jsx)(h,{...e})}):h(e)}function _(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{g as default};

package/dist/showcase/assets/icon-badge-ruuI6tt0.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-B4sKWDcN.js";var i=e(t(),1),a=n(),o={small:{box:`size-avatar-sm`,icon:`size-icon-sm`},default:{box:`size-avatar`,icon:`size-icon`}};function s(e){return e===`small`||e==="default"?e:e===`xs`?`small`:`default`}var c={primary:`bg-primary/15 text-primary`,secondary:`bg-foreground/8 text-muted-foreground`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning-foreground`,destructive:`bg-destructive/12 text-destructive`,info:`bg-info/15 text-info`,muted:`bg-muted text-muted-foreground`},l={primary:`bg-primary text-primary-foreground`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success text-success-foreground`,warning:`bg-warning text-warning-foreground`,destructive:`bg-destructive text-destructive-foreground`,info:`bg-info text-info-foreground`,muted:`bg-foreground/70 text-background`};function u({icon:e,children:t,size:n=`default`,shape:u=`circle`,tone:d=`primary`,solid:f=!1,bordered:p=!1,className:m,...h}){let g=o[s(n)],_=f?l[d]:c[d];return(0,a.jsx)(`span`,{"aria-hidden":!h[`aria-label`],className:r(`icon-badge--component`,`inline-flex shrink-0 items-center justify-center`,u===`circle`?`rounded-full`:`rounded-md`,g.box,_,p&&`border border-border/60`,m),...h,children:e?(0,i.createElement)(e,{className:g.icon}):t})}u.displayName=`IconBadge`;export{u as t};

package/dist/showcase/assets/icon-size-BHn0d6Zp.js

@@ -0,0 +1 @@
+var e={default:`size-icon`,small:`size-icon-sm`},t={default:`[&>svg]:size-icon`,small:`[&>svg]:size-icon-sm`},n={default:`[&_svg:not([class*='size-'])]:size-icon`,small:`[&_svg:not([class*='size-'])]:size-icon-sm`};export{n,e as r,t};

package/dist/showcase/assets/image-DCpC2weW.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`image`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}]]);export{t};

package/dist/showcase/assets/inbox-cvR2MbZq.js

@@ -0,0 +1 @@
+import{l as e}from"./index-B4sKWDcN.js";var t=e(`inbox`,[[`polyline`,{points:`22 12 16 12 14 15 10 15 8 12 2 12`,key:`o97t9d`}],[`path`,{d:`M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z`,key:`oot6mr`}]]);export{t};