admin-ui-starter-kit 0.4.4 → 0.5.0

package/dist/showcase/assets/quote-D1DrZRcn.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DNH0y0r-.js";var t=e(`quote`,[[`path`,{d:`M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z`,key:`rib7q0`}],[`path`,{d:`M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z`,key:`1ymkrd`}]]);export{t};

package/dist/showcase/assets/receipt-CxNJvyC5.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DNH0y0r-.js";var t=e(`receipt`,[[`path`,{d:`M12 17V7`,key:`pyj7ub`}],[`path`,{d:`M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8`,key:`1elt7d`}],[`path`,{d:`M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z`,key:`ycz6yz`}]]);export{t};

package/dist/showcase/assets/receipt-text-2YwFjXVP.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DNH0y0r-.js";var t=e(`receipt-text`,[[`path`,{d:`M13 16H8`,key:`wsln4y`}],[`path`,{d:`M14 8H8`,key:`1l3xfs`}],[`path`,{d:`M16 12H8`,key:`1fr5h0`}],[`path`,{d:`M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z`,key:`ycz6yz`}]]);export{t};

package/dist/showcase/assets/refresh-cw-DlkWEAjG.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DNH0y0r-.js";var t=e(`refresh-cw`,[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`,key:`v9h5vc`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`,key:`3uifl3`}],[`path`,{d:`M8 16H3v5`,key:`1cv678`}]]);export{t};

package/dist/showcase/assets/resolveValueLabel-Ctt-9xwK.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{s as n}from"./index-DNH0y0r-.js";import{t as r}from"./serializeValue-B_EucO5O.js";var i=(e,t)=>Object.is(e,t);function a(e,t,n){return e==null||t==null?Object.is(e,t):n(e,t)}function o(e,t,n){return!e||e.length===0?!1:e.some(e=>e===void 0?!1:a(t,e,n))}function s(e,t,n){return!e||e.length===0?-1:e.findIndex(e=>e===void 0?!1:a(e,t,n))}function c(e,t,n){return e.filter(e=>!a(t,e,n))}var l=e(t(),1),u=n();function d(e){return e!=null&&e.length>0&&typeof e[0]==`object`&&e[0]!=null&&`items`in e[0]}function f(e){if(!Array.isArray(e))return e!=null&&`null`in e;let t=e;if(d(t)){for(let e of t)for(let t of e.items)if(t&&t.value==null&&t.label!=null)return!0;return!1}for(let e of t)if(e&&e.value==null&&e.label!=null)return!0;return!1}function p(e,t){if(t&&e!=null)return t(e)??``;if(e&&typeof e==`object`){if(`label`in e&&e.label!=null)return String(e.label);if(`value`in e)return String(e.value)}return r(e)}function m(e,t){return t&&e!=null?t(e)??``:e&&typeof e==`object`&&`value`in e&&`label`in e?r(e.value):r(e)}function h(e,t,n){function r(){return p(e,n)}if(n&&e!=null)return n(e);if(e&&typeof e==`object`&&`label`in e&&e.label!=null)return e.label;if(t&&!Array.isArray(t))return t[e]??r();if(Array.isArray(t)){let n=t,i=d(n)?n.flatMap(e=>e.items):n;if(typeof e!=`object`||!e){let t=i.find(t=>t.value===e);return t&&t.label!=null?t.label:r()}if(`value`in e){let t=i.find(t=>t&&t.value===e.value);if(t&&t.label!=null)return t.label}}return r()}function g(e,t,n){return e.reduce((e,r,i)=>(i>0&&e.push(`, `),e.push((0,u.jsx)(l.Fragment,{children:h(r,t,n)},i)),e),[])}export{p as a,i as c,o as d,h as i,s as l,d as n,m as o,g as r,a as s,f as t,c as u};

package/dist/showcase/assets/resource-selector-card-C9zM67wN.js

@@ -0,0 +1,39 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,r as o,t as s}from"./example-CbMg22fx.js";import{t as c}from"./plus-PKSdX45c.js";import{t as l}from"./x-BpAEmld2.js";import{k as u,n as d,s as f}from"./index-DNH0y0r-.js";import{t as p}from"./props-table-DSdjPLVr.js";import{t as m}from"./smart-card-DpvRHqI9.js";import{a as h}from"./cell-renderers-CFw3ElYS.js";var g=f(),_={select:`Select resource`,remove:`Remove resource`,emptyTitle:`No resource selected`,emptyDescription:`Choose a resource to continue.`};function v({resource:e,getKey:t,getTitle:n,getSubtitle:r,getMetadata:i,getBadges:s,getImageUrl:f,getIcon:p,renderResource:v,onSelect:y,onRemove:b,title:x,description:S,emptyTitle:C,emptyDescription:w,selectLabel:T,removeLabel:E,actions:D,padding:O=`sm`,surface:k=`card`,className:A,contentClassName:j,strings:M}){let N=u(_,M),P=T??N.select,F=E??N.remove;return(0,g.jsx)(m,{"data-component":`resource-selector-card`,"data-slot":`resource-selector-card`,title:x,description:S,headerAction:D??(0,g.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[!!e&&!!b&&(0,g.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:()=>b(e),children:[(0,g.jsx)(l,{className:`size-4`}),F]}),!!y&&(0,g.jsxs)(o,{type:`button`,variant:`secondary`,onClick:y,children:[(0,g.jsx)(c,{className:`size-4`}),P]})]}),padding:O,surface:k,className:d(`resource-selector-card--component`,A),contentClassName:d(`resource-selector-card--content`,j),children:e?(0,g.jsx)(`div`,{"data-resource-key":t(e),className:`resource-selector-card--selected min-w-0`,children:v?v(e):(0,g.jsx)(h,{title:n(e),subtitle:r?.(e),metadata:i?.(e),badges:s?.(e),imageUrl:f?.(e),icon:p?.(e)})}):(0,g.jsxs)(`div`,{className:`resource-selector-card--empty flex min-w-0 items-start justify-between gap-3 rounded-md border border-dashed border-border/80 bg-muted/25 px-3 py-3`,children:[(0,g.jsxs)(`div`,{className:`min-w-0`,children:[(0,g.jsx)(a,{weight:`semibold`,children:C??N.emptyTitle}),(0,g.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:w??N.emptyDescription})]}),!!y&&(0,g.jsxs)(o,{type:`button`,variant:`secondary`,onClick:y,children:[(0,g.jsx)(c,{className:`size-4`}),P]})]})})}v.displayName=`ResourceSelectorCard`;var y=e({EmptyResource:()=>C,SelectedResource:()=>S}),b=t(n(),1),x=[{id:`usr-1`,name:`Sarah Smith`,email:`sarah@example.com`,role:`Owner`},{id:`usr-2`,name:`Marcus Lee`,email:`marcus@example.com`,role:`Admin`}];function S(){let[e,t]=(0,b.useState)(x[0]);return(0,g.jsx)(v,{title:`Account owner`,description:`Selected resources render through accessor props.`,resource:e,getKey:e=>e.id,getTitle:e=>e.name,getSubtitle:e=>e.email,getMetadata:e=>[{label:`Role`,value:e.role}],onSelect:()=>t(x[1]),onRemove:()=>t(null)})}function C(){return(0,g.jsx)(v,{title:`Approver`,description:`The consumer owns the picker dialog and passes callbacks.`,getKey:e=>e.id,getTitle:e=>e.name,getSubtitle:e=>e.email,onSelect:()=>{}})}var w=`import { useState } from 'react';
+import { ResourceSelectorCard } from '@/components/composed/data-display';
+
+const resources = [
+	{ id: 'usr-1', name: 'Sarah Smith', email: 'sarah@example.com', role: 'Owner' },
+	{ id: 'usr-2', name: 'Marcus Lee', email: 'marcus@example.com', role: 'Admin' },
+];
+
+export function SelectedResource() {
+	const [resource, setResource] = useState<(typeof resources)[number] | null>(resources[0]);
+
+	return (
+		<ResourceSelectorCard
+			title="Account owner"
+			description="Selected resources render through accessor props."
+			resource={resource}
+			getKey={(item) => item.id}
+			getTitle={(item) => item.name}
+			getSubtitle={(item) => item.email}
+			getMetadata={(item) => [{ label: 'Role', value: item.role }]}
+			onSelect={() => setResource(resources[1])}
+			onRemove={() => setResource(null)}
+		/>
+	);
+}
+
+export function EmptyResource() {
+	return (
+		<ResourceSelectorCard<(typeof resources)[number]>
+			title="Approver"
+			description="The consumer owns the picker dialog and passes callbacks."
+			getKey={(item) => item.id}
+			getTitle={(item) => item.name}
+			getSubtitle={(item) => item.email}
+			onSelect={() => {}}
+		/>
+	);
+}
+`;function T(e){return y||D(`Examples`,!1),C||D(`Examples.EmptyResource`,!0),S||D(`Examples.SelectedResource`,!0),(0,g.jsxs)(r,{title:`Composed · Resource selector card`,description:`Selected-resource card for dialogs, forms, and show pages. The app owns picking, fetching, and routing.`,layer:`composed`,status:`ready`,sourcePath:`src/components/composed/data-display/resource-selector-card.tsx`,children:[(0,g.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,g.jsx)(s,{name:`SelectedResource`,source:w,children:(0,g.jsx)(S,{})}),(0,g.jsx)(s,{name:`EmptyResource`,source:w,children:(0,g.jsx)(C,{})})]}),(0,g.jsx)(i,{title:`API`,id:`api`,children:(0,g.jsx)(p,{component:`ResourceSelectorCard`})})]})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,g.jsx)(t,{...e,children:(0,g.jsx)(T,{...e})}):T(e)}function D(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{E as default};

package/dist/showcase/assets/rich-text-editor-DUWBkEdn.js

@@ -0,0 +1,124 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,t as o}from"./example-CbMg22fx.js";import{t as s}from"./rich-text-editor-DjsgN-HX.js";import{s as c}from"./index-DNH0y0r-.js";import{t as l}from"./props-table-DSdjPLVr.js";var u=e({CompactSmallerInlineNote:()=>g,Default:()=>h,Disabled:()=>v,EmptyPlaceholder:()=>_,ProductionWiring:()=>m,StringsOverride:()=>y}),d=t(n(),1),f=c(),p=`<h3>Spa cleaning checklist</h3>
+<p>Before each session:</p>
+<ul>
+  <li>Refill towels and bath products</li>
+  <li>Wipe down all surfaces</li>
+  <li>Top up the candles</li>
+</ul>
+<p>After each session:</p>
+<ol>
+  <li>Sanitise the tubs</li>
+  <li>Restock guest amenities</li>
+  <li>Reset the music</li>
+</ol>`;function m(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(a,{type:`secondary`,children:[`Use `,(0,f.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<RichTextEditor value={html} onChange={setHtml} showCounts maxLength={500} />`})," on any page that needs structured rich text input. The editor handles paste, undo/redo, and exposes a `strings` prop for toolbar i18n; consumers persist the resulting HTML string."]})})}function h(){let[e,t]=(0,d.useState)(p);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:e,onChange:t,showCounts:!0,maxLength:500})})}function g(){let[e,t]=(0,d.useState)(`<p>A short note about today's bookings.</p>`);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:e,onChange:t,compact:!0,showCounts:!0,maxLength:140})})}function _(){let[e,t]=(0,d.useState)(``);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:e,onChange:t,placeholder:`Write something…`,hideSourceToggle:!0})})}function v(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:p,onChange:()=>{},disabled:!0,hideSourceToggle:!0})})}function y(){let[e,t]=(0,d.useState)(`<p>A short note about today's bookings.</p>`);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:e,onChange:t,compact:!0,strings:{toolbar:{bold:`Gras`,italic:`Italique`,strike:`Barré`,bulletList:`Liste`,orderedList:`Numérotée`,blockquote:`Citation`,undo:`Annuler`,redo:`Rétablir`,sourceCode:`Source`}}})})}var b=`import { useState } from 'react';
+import { RichTextEditor } from '@/components/features/rich-text-editor';
+import { Text } from '@/components/typography';
+
+const SAMPLE_HTML = \`
+<h3>Spa cleaning checklist</h3>
+<p>Before each session:</p>
+<ul>
+  <li>Refill towels and bath products</li>
+  <li>Wipe down all surfaces</li>
+  <li>Top up the candles</li>
+</ul>
+<p>After each session:</p>
+<ol>
+  <li>Sanitise the tubs</li>
+  <li>Restock guest amenities</li>
+  <li>Reset the music</li>
+</ol>
+\`.trim();
+
+export function ProductionWiring() {
+	return (
+		<>
+			<Text type="secondary">
+								{'Use '}<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<RichTextEditor value={html} onChange={setHtml} showCounts maxLength={500} />'}</code>{' on any page that needs structured rich text input. The editor handles paste, undo/redo, and exposes a \`strings\` prop for toolbar i18n; consumers persist the resulting HTML string.'}
+							</Text>
+		</>
+	);
+}
+
+export function Default() {
+	const [defaultValue, setDefaultValue] = useState<string>(SAMPLE_HTML);
+	return (
+		<>
+			<RichTextEditor
+								value={defaultValue}
+								onChange={setDefaultValue}
+								showCounts
+								maxLength={500}
+							/>
+		</>
+	);
+}
+
+export function CompactSmallerInlineNote() {
+	const [compactValue, setCompactValue] = useState<string>("<p>A short note about today's bookings.</p>");
+	return (
+		<>
+			<RichTextEditor
+								value={compactValue}
+								onChange={setCompactValue}
+								compact
+								showCounts
+								maxLength={140}
+							/>
+		</>
+	);
+}
+
+export function EmptyPlaceholder() {
+	const [emptyValue, setEmptyValue] = useState<string>('');
+	return (
+		<>
+			<RichTextEditor
+								value={emptyValue}
+								onChange={setEmptyValue}
+								placeholder="Write something…"
+								hideSourceToggle
+							/>
+		</>
+	);
+}
+
+export function Disabled() {
+	return (
+		<>
+			<RichTextEditor
+								value={SAMPLE_HTML}
+								onChange={() => {}}
+								disabled
+								hideSourceToggle
+							/>
+		</>
+	);
+}
+
+export function StringsOverride() {
+	const [compactValue, setCompactValue] = useState<string>("<p>A short note about today's bookings.</p>");
+	return (
+		<>
+			<RichTextEditor
+								value={compactValue}
+								onChange={setCompactValue}
+								compact
+								strings={{
+									toolbar: {
+										bold: 'Gras',
+										italic: 'Italique',
+										strike: 'Barré',
+										bulletList: 'Liste',
+										orderedList: 'Numérotée',
+										blockquote: 'Citation',
+										undo: 'Annuler',
+										redo: 'Rétablir',
+										sourceCode: 'Source',
+									},
+								}}
+							/>
+		</>
+	);
+}
+`;function x(e){let t={h4:`h4`,...e.components};return u||C(`Examples`,!1),g||C(`Examples.CompactSmallerInlineNote`,!0),h||C(`Examples.Default`,!0),v||C(`Examples.Disabled`,!0),_||C(`Examples.EmptyPlaceholder`,!0),m||C(`Examples.ProductionWiring`,!0),y||C(`Examples.StringsOverride`,!0),(0,f.jsxs)(r,{title:`Features · Rich text editor`,description:"Tiptap-backed editor with bold / italic / strike / lists / quote / undo-redo. Falls back to a non-editable preview when @tiptap/react is not bundled. Strings overridable via the `strings` prop.",layer:`features`,status:`ready`,children:[(0,f.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,f.jsx)(o,{name:`ProductionWiring`,source:b,children:(0,f.jsx)(m,{})}),(0,f.jsx)(o,{name:`Default`,source:b,children:(0,f.jsx)(h,{})}),(0,f.jsx)(o,{name:`CompactSmallerInlineNote`,source:b,children:(0,f.jsx)(g,{})}),(0,f.jsx)(o,{name:`EmptyPlaceholder`,source:b,children:(0,f.jsx)(_,{})}),(0,f.jsx)(o,{name:`Disabled`,source:b,children:(0,f.jsx)(v,{})}),(0,f.jsx)(o,{name:`StringsOverride`,source:b,children:(0,f.jsx)(y,{})})]}),(0,f.jsxs)(i,{title:`API`,id:`api`,children:[(0,f.jsx)(t.h4,{children:`RichTextEditor`}),(0,f.jsx)(l,{component:`RichTextEditor`})]})]})}function S(e={}){let{wrapper:t}=e.components||{};return t?(0,f.jsx)(t,{...e,children:(0,f.jsx)(x,{...e})}):x(e)}function C(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{S as default};