admin-ui-starter-kit 0.1.0 → 0.1.2

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

@@ -0,0 +1 @@
+import{r as e}from"./index-B4ubXfly.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-Bks7UDko.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-CilyBKbf.js";import{a as t,k as n}from"./index-B4ubXfly.js";import{r}from"./resolveAriaLabelledBy-DmY5COAB.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(n()),u=t();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/rich-text-editor-QJsb-qIe.js

@@ -0,0 +1,124 @@
+import{n as e,r as t}from"./chunk-CilyBKbf.js";import{cr as n,gr as r,sr as i,t as a}from"./example-6phCHGsN.js";import{t as o}from"./rich-text-editor-h07VBNI9.js";import{a as s,k as c}from"./index-B4ubXfly.js";import{t as l}from"./props-table-uDY4eIzt.js";var u=e({CompactSmallerInlineNote:()=>g,Default:()=>h,Disabled:()=>v,EmptyPlaceholder:()=>_,ProductionWiring:()=>m,StringsOverride:()=>y}),d=t(c(),1),f=s(),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)(r,{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)(o,{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)(o,{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)(o,{value:e,onChange:t,placeholder:`Write something…`,hideSourceToggle:!0})})}function v(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(o,{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)(o,{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)(n,{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)(a,{name:`ProductionWiring`,source:b,children:(0,f.jsx)(m,{})}),(0,f.jsx)(a,{name:`Default`,source:b,children:(0,f.jsx)(h,{})}),(0,f.jsx)(a,{name:`CompactSmallerInlineNote`,source:b,children:(0,f.jsx)(g,{})}),(0,f.jsx)(a,{name:`EmptyPlaceholder`,source:b,children:(0,f.jsx)(_,{})}),(0,f.jsx)(a,{name:`Disabled`,source:b,children:(0,f.jsx)(v,{})}),(0,f.jsx)(a,{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};