admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/showcase/assets/enhanced-activities-IB811DS6.js

@@ -1,361 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{r,t as i}from"./activities-feed-card-Cglnf5as.js";import{Cr as a,hr as o,mr as s,t as c}from"./example-C6-_Sy6B.js";import{o as l,r as u,t as d}from"./comment-composer-DTJtqYGP.js";import{t as f}from"./bell-CVEeEWw4.js";import{t as p}from"./box-Dgy2Xc70.js";import{t as m}from"./circle-check-BCxORlAM.js";import{t as h}from"./git-branch-BO9i8XkJ.js";import{t as g}from"./message-square-DGTAjNJG.js";import{t as _}from"./receipt-CfMgwFPl.js";import{t as v}from"./shield-alert-DNOTmkwG.js";import{t as y}from"./truck-CryH-5dx.js";import{t as b}from"./user-CGcV8Ppb.js";import{a as x}from"./index-B8DVXCmf.js";import{t as S}from"./props-table-CM_1cocj.js";var C=e({APISurface:()=>H,ActivityTimelineComposer:()=>U,CompactDensity:()=>W}),w=t(n(),1),T=x(),E=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`,kind:`user`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`,kind:`user`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`,kind:`user`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`,kind:`user`}],D=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`,kind:`booking`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`,kind:`booking`}],O=[{id:`INV-2026-0392`,label:`INV-2026-0392`,description:`€320.00 · Paid`,kind:`order`},{id:`INV-2026-0398`,label:`INV-2026-0398`,description:`€88.50 · Refund pending`,kind:`order`}],k=[{id:`AIR-BALLOON-01`,label:`Hot Air Balloon`,description:`Experience product`,kind:`product`}],A=[{id:`SHP-2026-77`,label:`SHP-2026-77`,description:`Carrier: BoxIt · ETA Apr 17`,kind:`shipment`}],j=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`,kind:`sprint`}],M={user:{icon:b,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:l,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:_,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},product:{icon:p,label:`Product`,tone:`primary`,buildHref:e=>`/products/${e.id}`},shipment:{icon:y,label:`Shipment`,tone:`info`,buildHref:e=>`/shipments/${e.id}`},sprint:{icon:h,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function N(e,t){let n=t===`user`?E:t===`booking`?D:t===`order`?O:t===`product`?k:t===`shipment`?A:j,r=e.trim().toLowerCase();return r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))}var P={"order:INV-2026-0392":{label:`INV-2026-0392`,href:`#/orders/INV-2026-0392`,icon:_,tone:`primary`,badge:{label:`Paid`,tone:`success`},tags:[`€320`]},"order:INV-2026-0398":{label:`INV-2026-0398`,href:`#/orders/INV-2026-0398`,icon:_,tone:`warning`,badge:{label:`Refund`,tone:`warning`}},"product:AIR-BALLOON-01":{label:`Hot Air Balloon`,href:`#/products/AIR-BALLOON-01`,icon:p,tone:`info`},"shipment:SHP-2026-77":{label:`SHP-2026-77`,href:`#/shipments/SHP-2026-77`,icon:y,tone:`info`,badge:{label:`In transit`,tone:`info`}},"user:stefan":{label:`Daniel Kowalski`,icon:b,tone:`info`},"user:maria":{label:`Sarah Smitha`,icon:b,tone:`info`}},F=Date.now(),I=e=>new Date(F-e).toISOString(),L=60*1e3,R=60*L;function z(e){return{id:e.id,event:`note`,source:`Comment`,actor:e.actor,createdAt:e.createdAt,iconOverride:g,toneOverride:`primary`,segments:[{type:`actor`,text:e.actor.name},{type:`text`,text:`commented`}],description:(0,T.jsx)(u,{html:e.contentHtml,mentions:e.mentions,resources:M}),data:{contentHtml:e.contentHtml,mentions:e.mentions}}}var B=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),V=[{id:`act-1`,event:`order_paid`,source:`Payments`,actor:{id:`system`,name:`System`},createdAt:I(48*R),iconOverride:m,toneOverride:`success`,segments:[{type:`actor`,text:`System`},{type:`text`,text:`captured`},{type:`value`,text:`€320.00`},{type:`text`,text:`for`},{type:`resource`,resource:{key:`order:INV-2026-0392`,type:`order`}}]},{id:`act-2`,event:`shipment_dispatched`,source:`Logistics`,createdAt:I(36*R),iconOverride:y,toneOverride:`info`,segments:[{type:`resource`,resource:{key:`shipment:SHP-2026-77`,type:`shipment`}},{type:`text`,text:`dispatched to`},{type:`resource`,resource:{key:`user:stefan`,type:`user`}}],metadata:[{label:`Carrier`,value:`BoxIt`},{label:`ETA`,value:`Apr 17`}]},z({id:`cmt-1`,actor:{id:`maria`,name:`Sarah Smitha`},createdAt:I(2*R),contentHtml:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,mentions:[B(`user`,`stefan`,`Daniel Kowalski`),B(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)]}),{id:`act-3`,event:`policy_overridden`,source:`Audit`,actor:{id:`maria`,name:`Sarah Smitha`},createdAt:I(90*L),iconOverride:v,toneOverride:`warning`,segments:[{type:`actor`,text:`Sarah Smitha`},{type:`text`,text:`overrode policy`},{type:`value`,text:`partial-refund`},{type:`text`,text:`on`},{type:`resource`,resource:{key:`order:INV-2026-0398`,type:`order`}}],metadata:[{label:`Reason`,value:`customer-double-booked`}]},z({id:`cmt-2`,actor:{id:`ivana`,name:`Davida Todorova`},createdAt:I(60*L),contentHtml:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:INV-2026-0398" data-ref-kind="order">INV-2026-0398</span>. ETA Apr 14 per the gateway.`,mentions:[B(`order`,`INV-2026-0398`,`INV-2026-0398`)]}),{id:`act-4`,event:`notification_sent`,source:`Notifications`,createdAt:I(30*L),iconOverride:f,toneOverride:`neutral`,segments:[{type:`text`,text:`Sent email to`},{type:`resource`,resource:{key:`user:stefan`,type:`user`}}]},{id:`act-5`,event:`tag_added`,source:`CRM`,actor:{id:`kris`,name:`Kris Dineva`},createdAt:I(15*L),iconOverride:r,toneOverride:`primary`,segments:[{type:`actor`,text:`Kris Dineva`},{type:`text`,text:`tagged`},{type:`resource`,resource:{key:`user:stefan`,type:`user`}},{type:`text`,text:`as`},{type:`value`,text:`VIP`}]}];function H(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsxs)(a,{type:`secondary`,children:[`Pass `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`resources`}),` + `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onResourceSearch`}),` as props on`,` `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<CommentComposer>`}),`; render`,` `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<ActivityFeedCard activities={…}/>`}),` for the feed. Comments are activities with `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`event='note'`}),` `,`and a `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`description`}),` ReactNode rendered via`,` `,(0,T.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<MentionContent>`}),`.`]})})}function U(){let[e,t]=(0,w.useState)(V),n=e=>{t(t=>[z({id:`cmt-${t.length+1}`,actor:{id:`me`,name:`You`},createdAt:new Date().toISOString(),contentHtml:e.content,mentions:(e.references??[]).map(e=>({...e}))}),...t])};return(0,T.jsx)(T.Fragment,{children:(0,T.jsxs)(`div`,{className:`w-full max-w-3xl space-y-4`,children:[(0,T.jsx)(d,{context:{id:`INV-2026-0398`,type:`order`},canComment:!0,resources:M,onResourceSearch:N,onSubmit:e=>n(e),placeholder:"Add a note — try `@`, `#`, or `$`…"}),(0,T.jsx)(i,{title:`Activity`,activities:e,density:`rich`,resources:P})]})})}function W(){let[e]=(0,w.useState)(V);return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,T.jsx)(i,{title:`Recent`,activities:e.slice(0,4),density:`compact`,resources:P})})})}var G=`import {
-    Bell,
-    Bookmark,
-    Box,
-    CalendarRange,
-    CheckCircle2,
-    GitBranch,
-    MessageSquare,
-    Receipt,
-    ShieldAlert,
-    Truck,
-    User,
-} from 'lucide-react';
-import { useState } from 'react';
-import {
-    ActivityFeedCard,
-    type ActivityItem,
-    type ActivityResourceConfig,
-} from '@/components/features/activities';
-import {
-    CommentComposer,
-    type CommentFormValues,
-} from '@/components/features/comments';
-import {
-    MentionContent,
-    type Mention,
-    type MentionResource,
-    type MentionSuggestion,
-} from '@/components/features/mentions';
-import { Text } from '@/components/typography';
-
-/**
- * Enhanced activities preview — Shopify-style unified surface that
- * combines the rich \`<ActivityFeedCard>\` (audit / system / domain
- * events) with the \`<CommentComposer>\` and renders comments as note
- * activities, all under a single chronological timeline. The shared
- * resource catalogue flows as a prop on the composer + on each
- * \`<MentionContent>\` renderer.
- *
- * Each comment is just an activity with \`event = 'note'\` plus a
- * \`description\` ReactNode that renders the body via \`<MentionContent>\`,
- * so inline \`@user\` / \`#booking\` / \`$order\` chips look identical to
- * the dedicated comments page.
- */
-
-
-
-
-
-
-
-/* ------------------------------------------------------------------ */
-/*  Resource catalogue                                                  */
-/* ------------------------------------------------------------------ */
-
-type ResourceKind =
-    | 'user'
-    | 'booking'
-    | 'order'
-    | 'product'
-    | 'shipment'
-    | 'sprint';
-
-const PEOPLE: MentionSuggestion<ResourceKind>[] = [
-    { id: 'maria', label: 'Sarah Smitha', description: 'Head of Operations', kind: 'user' },
-    { id: 'ivana', label: 'Davida Todorova', description: 'Refunds Specialist', kind: 'user' },
-    { id: 'stefan', label: 'Daniel Kowalski', description: 'Customer', kind: 'user' },
-    { id: 'kris', label: 'Kris Dineva', description: 'Engineering', kind: 'user' },
-];
-const BOOKINGS: MentionSuggestion<ResourceKind>[] = [
-    { id: 'BKG-2026-0408', label: 'BKG-2026-0408', description: 'Daniel Kowalski · Apr 12 → Apr 14', kind: 'booking' },
-    { id: 'BKG-2026-0421', label: 'BKG-2026-0421', description: 'Sarah Smitha · Apr 19 → Apr 22', kind: 'booking' },
-];
-const ORDERS: MentionSuggestion<ResourceKind>[] = [
-    { id: 'INV-2026-0392', label: 'INV-2026-0392', description: '€320.00 · Paid', kind: 'order' },
-    { id: 'INV-2026-0398', label: 'INV-2026-0398', description: '€88.50 · Refund pending', kind: 'order' },
-];
-const PRODUCTS: MentionSuggestion<ResourceKind>[] = [
-    { id: 'AIR-BALLOON-01', label: 'Hot Air Balloon', description: 'Experience product', kind: 'product' },
-];
-const SHIPMENTS: MentionSuggestion<ResourceKind>[] = [
-    { id: 'SHP-2026-77', label: 'SHP-2026-77', description: 'Carrier: BoxIt · ETA Apr 17', kind: 'shipment' },
-];
-const SPRINTS: MentionSuggestion<ResourceKind>[] = [
-    { id: 'SPR-Q2-W3', label: 'Sprint Q2-W3', description: 'Refund flows', kind: 'sprint' },
-];
-
-const RESOURCES: Partial<Record<ResourceKind, MentionResource<ResourceKind>>> = {
-    user:     { icon: User,          label: 'Person',   trigger: '@', tone: 'info',      buildHref: (s) => \`/people/\${s.id}\` },
-    booking:  { icon: CalendarRange, label: 'Booking',  trigger: '#', tone: 'success',   buildHref: (s) => \`/bookings/\${s.id}\` },
-    order:    { icon: Receipt,       label: 'Order',    trigger: '$', tone: 'warning',   buildHref: (s) => \`/orders/\${s.id}\` },
-    product:  { icon: Box,           label: 'Product',                tone: 'primary',   buildHref: (s) => \`/products/\${s.id}\` },
-    shipment: { icon: Truck,         label: 'Shipment',               tone: 'info',      buildHref: (s) => \`/shipments/\${s.id}\` },
-    sprint:   { icon: GitBranch,     label: 'Sprint',                 tone: 'secondary', buildHref: (s) => \`/sprints/\${s.id}\` },
-};
-
-function onResourceSearch(needle: string, kind: ResourceKind) {
-    const haystack: MentionSuggestion<ResourceKind>[] =
-        kind === 'user' ? PEOPLE
-        : kind === 'booking' ? BOOKINGS
-        : kind === 'order' ? ORDERS
-        : kind === 'product' ? PRODUCTS
-        : kind === 'shipment' ? SHIPMENTS
-        : SPRINTS;
-    const q = needle.trim().toLowerCase();
-    return q.length === 0
-        ? haystack
-        : haystack.filter(
-              (item) =>
-                  item.label.toLowerCase().includes(q) ||
-                  (item.description ?? '').toLowerCase().includes(q),
-          );
-}
-
-/* ------------------------------------------------------------------ */
-/*  Activity registry — drives icon / tone / chip for each resource    */
-/* ------------------------------------------------------------------ */
-
-const ACTIVITY_RESOURCES: Record<string, ActivityResourceConfig> = {
-    'order:INV-2026-0392': { label: 'INV-2026-0392', href: '#/orders/INV-2026-0392', icon: Receipt, tone: 'primary', badge: { label: 'Paid', tone: 'success' }, tags: ['€320'] },
-    'order:INV-2026-0398': { label: 'INV-2026-0398', href: '#/orders/INV-2026-0398', icon: Receipt, tone: 'warning', badge: { label: 'Refund', tone: 'warning' } },
-    'product:AIR-BALLOON-01': { label: 'Hot Air Balloon', href: '#/products/AIR-BALLOON-01', icon: Box, tone: 'info' },
-    'shipment:SHP-2026-77': { label: 'SHP-2026-77', href: '#/shipments/SHP-2026-77', icon: Truck, tone: 'info', badge: { label: 'In transit', tone: 'info' } },
-    'user:stefan': { label: 'Daniel Kowalski', icon: User, tone: 'info' },
-    'user:maria': { label: 'Sarah Smitha', icon: User, tone: 'info' },
-};
-
-const NOW = Date.now();
-const REL = (offsetMs: number) => new Date(NOW - offsetMs).toISOString();
-const MIN = 60 * 1000;
-const HOUR = 60 * MIN;
-
-interface CommentActivityData {
-    contentHtml: string;
-    mentions: ReadonlyArray<Mention<ResourceKind>>;
-}
-
-/**
- * Build a "note" activity from a comment payload — produces an
- * \`ActivityItem\` whose description renders the comment body through
- * \`<MentionContent>\` so inline chips look identical to the dedicated
- * comments page.
- */
-function noteActivity(opts: {
-    id: string;
-    actor: { id: string; name: string };
-    createdAt: string;
-    contentHtml: string;
-    mentions: ReadonlyArray<Mention<ResourceKind>>;
-}): ActivityItem<CommentActivityData> {
-    return {
-        id: opts.id,
-        event: 'note',
-        source: 'Comment',
-        actor: opts.actor,
-        createdAt: opts.createdAt,
-        iconOverride: MessageSquare,
-        toneOverride: 'primary',
-        segments: [
-            { type: 'actor', text: opts.actor.name },
-            { type: 'text', text: 'commented' },
-        ],
-        description: (
-            <MentionContent
-                html={opts.contentHtml}
-                mentions={opts.mentions}
-                resources={RESOURCES}
-            />
-        ),
-        data: { contentHtml: opts.contentHtml, mentions: opts.mentions },
-    };
-}
-
-const REF = (
-    kind: ResourceKind,
-    id: string,
-    label: string,
-): Mention<ResourceKind> => ({
-    id: \`\${kind}:\${id}\`,
-    kind,
-    label,
-    href: \`/\${kind}s/\${id}\`,
-});
-
-const INITIAL_ACTIVITIES: ActivityItem<CommentActivityData>[] = [
-    {
-        id: 'act-1',
-        event: 'order_paid',
-        source: 'Payments',
-        actor: { id: 'system', name: 'System' },
-        createdAt: REL(48 * HOUR),
-        iconOverride: CheckCircle2,
-        toneOverride: 'success',
-        segments: [
-            { type: 'actor', text: 'System' },
-            { type: 'text', text: 'captured' },
-            { type: 'value', text: '€320.00' },
-            { type: 'text', text: 'for' },
-            { type: 'resource', resource: { key: 'order:INV-2026-0392', type: 'order' } },
-        ],
-    },
-    {
-        id: 'act-2',
-        event: 'shipment_dispatched',
-        source: 'Logistics',
-        createdAt: REL(36 * HOUR),
-        iconOverride: Truck,
-        toneOverride: 'info',
-        segments: [
-            { type: 'resource', resource: { key: 'shipment:SHP-2026-77', type: 'shipment' } },
-            { type: 'text', text: 'dispatched to' },
-            { type: 'resource', resource: { key: 'user:stefan', type: 'user' } },
-        ],
-        metadata: [
-            { label: 'Carrier', value: 'BoxIt' },
-            { label: 'ETA', value: 'Apr 17' },
-        ],
-    },
-    noteActivity({
-        id: 'cmt-1',
-        actor: { id: 'maria', name: 'Sarah Smitha' },
-        createdAt: REL(2 * HOUR),
-        contentHtml:
-            'Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn\\'t shift.',
-        mentions: [
-            REF('user', 'stefan', 'Daniel Kowalski'),
-            REF('booking', 'BKG-2026-0408', 'BKG-2026-0408'),
-        ],
-    }),
-    {
-        id: 'act-3',
-        event: 'policy_overridden',
-        source: 'Audit',
-        actor: { id: 'maria', name: 'Sarah Smitha' },
-        createdAt: REL(90 * MIN),
-        iconOverride: ShieldAlert,
-        toneOverride: 'warning',
-        segments: [
-            { type: 'actor', text: 'Sarah Smitha' },
-            { type: 'text', text: 'overrode policy' },
-            { type: 'value', text: 'partial-refund' },
-            { type: 'text', text: 'on' },
-            { type: 'resource', resource: { key: 'order:INV-2026-0398', type: 'order' } },
-        ],
-        metadata: [{ label: 'Reason', value: 'customer-double-booked' }],
-    },
-    noteActivity({
-        id: 'cmt-2',
-        actor: { id: 'ivana', name: 'Davida Todorova' },
-        createdAt: REL(60 * MIN),
-        contentHtml:
-            'Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:INV-2026-0398" data-ref-kind="order">INV-2026-0398</span>. ETA Apr 14 per the gateway.',
-        mentions: [REF('order', 'INV-2026-0398', 'INV-2026-0398')],
-    }),
-    {
-        id: 'act-4',
-        event: 'notification_sent',
-        source: 'Notifications',
-        createdAt: REL(30 * MIN),
-        iconOverride: Bell,
-        toneOverride: 'neutral',
-        segments: [
-            { type: 'text', text: 'Sent email to' },
-            { type: 'resource', resource: { key: 'user:stefan', type: 'user' } },
-        ],
-    },
-    {
-        id: 'act-5',
-        event: 'tag_added',
-        source: 'CRM',
-        actor: { id: 'kris', name: 'Kris Dineva' },
-        createdAt: REL(15 * MIN),
-        iconOverride: Bookmark,
-        toneOverride: 'primary',
-        segments: [
-            { type: 'actor', text: 'Kris Dineva' },
-            { type: 'text', text: 'tagged' },
-            { type: 'resource', resource: { key: 'user:stefan', type: 'user' } },
-            { type: 'text', text: 'as' },
-            { type: 'value', text: 'VIP' },
-        ],
-    },
-];
-
-/* ------------------------------------------------------------------ */
-/*  Page                                                                */
-/* ------------------------------------------------------------------ */
-
-export function APISurface() {
-	return (
-		<>
-			<Text type="secondary">
-			                    Pass <code className="rounded bg-muted px-1 py-0.5 text-xs">resources</code> + <code className="rounded bg-muted px-1 py-0.5 text-xs">onResourceSearch</code> as props on
-			                    {' '}<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<CommentComposer>'}</code>; render
-			                    {' '}<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<ActivityFeedCard activities={…}/>'}</code> for the feed.
-			                    Comments are activities with <code className="rounded bg-muted px-1 py-0.5 text-xs">event='note'</code>{' '}
-			                    and a <code className="rounded bg-muted px-1 py-0.5 text-xs">description</code> ReactNode rendered via
-			                    {' '}<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<MentionContent>'}</code>.
-			                </Text>
-		</>
-	);
-}
-
-export function ActivityTimelineComposer() {
-	const [activities, setActivities] = useState<typeof INITIAL_ACTIVITIES>(
-	        INITIAL_ACTIVITIES,
-	    );
-	const handleCommentSubmit = (values: CommentFormValues<ResourceKind>) => {
-	        setActivities((prev) => [
-	            noteActivity({
-	                id: \`cmt-\${prev.length + 1}\`,
-	                actor: { id: 'me', name: 'You' },
-	                createdAt: new Date().toISOString(),
-	                contentHtml: values.content,
-	                mentions: (values.references ?? []).map((m) => ({ ...m })),
-	            }),
-	            ...prev,
-	        ]);
-	    };
-	return (
-		<>
-			<div className="w-full max-w-3xl space-y-4">
-			                    <CommentComposer
-			                        context={{ id: 'INV-2026-0398', type: 'order' }}
-			                        canComment
-			                        resources={RESOURCES as never}
-			                        onResourceSearch={onResourceSearch as never}
-			                        onSubmit={(values) =>
-			                            handleCommentSubmit(values as CommentFormValues<ResourceKind>)
-			                        }
-			                        placeholder="Add a note — try \`@\`, \`#\`, or \`$\`…"
-			                    />
-			                    <ActivityFeedCard
-			                        title="Activity"
-			                        activities={activities}
-			                        density="rich"
-			                        resources={ACTIVITY_RESOURCES}
-			                    />
-			                </div>
-		</>
-	);
-}
-
-export function CompactDensity() {
-	const [activities] = useState<typeof INITIAL_ACTIVITIES>(
-	        INITIAL_ACTIVITIES,
-	    );
-	return (
-		<>
-			<div className="w-full max-w-3xl">
-				<ActivityFeedCard
-			                    title="Recent"
-			                    activities={activities.slice(0, 4)}
-			                    density="compact"
-			                    resources={ACTIVITY_RESOURCES}
-			                />
-			</div>
-		</>
-	);
-}
-`;function K(e){let t={h4:`h4`,...e.components};return C||J(`Examples`,!1),H||J(`Examples.APISurface`,!0),U||J(`Examples.ActivityTimelineComposer`,!0),W||J(`Examples.CompactDensity`,!0),(0,T.jsxs)(o,{title:`Features · Enhanced activities`,description:"Shopify-style unified surface: domain events + comments under one chronological timeline. Comments are activities with `event='note'` whose body is rendered via `<MentionContent>` — inline `@`/`#`/`$` chips look identical to the dedicated comments page. Composer at the top uses the same TipTap-backed editor with the live `@`-trigger flow.",layer:`features`,status:`ready`,children:[(0,T.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,T.jsx)(c,{name:`APISurface`,source:G,children:(0,T.jsx)(H,{})}),(0,T.jsx)(c,{name:`ActivityTimelineComposer`,source:G,children:(0,T.jsx)(U,{})}),(0,T.jsx)(c,{name:`CompactDensity`,source:G,children:(0,T.jsx)(W,{})})]}),(0,T.jsxs)(s,{title:`API`,id:`api`,children:[(0,T.jsx)(t.h4,{children:`ActivityFeedCard`}),(0,T.jsx)(S,{component:`ActivityFeedCard`}),(0,T.jsx)(t.h4,{children:`CommentComposer`}),(0,T.jsx)(S,{component:`CommentComposer`}),(0,T.jsx)(t.h4,{children:`MentionContent`}),(0,T.jsx)(S,{component:`MentionContent`})]})]})}function q(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(K,{...e})}):K(e)}function J(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{q as default};

package/dist/showcase/assets/event-calendar-C2VCfcUz.js

@@ -1,138 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{a as r,i,n as a,o,r as s,s as c}from"./calendar-BhZpIjCo.js";import{m as l,t as u}from"./format-BG4laCmp.js";import{t as d}from"./startOfDay-BJgxz4yq.js";import{t as f}from"./isToday-VtoSc1IH.js";import{Cr as p,Pr as m,Sr as h,Tr as g,hr as _,mr as v,r as y,t as b}from"./example-C6-_Sy6B.js";import{t as x}from"./chevron-left-CglzJgA2.js";import{t as ee}from"./chevron-right-CDDMIkYP.js";import{t as te}from"./heart-DjKkkUsX.js";import{t as ne}from"./sparkles-BEa1AgNq.js";import{t as S}from"./star-Dbtxr60S.js";import{a as C,b as re,d as w,f as T,g as E,l as D,p as ie,u as O,y as k}from"./index-B8DVXCmf.js";import{a as A,i as j,n as ae,o as oe,t as M}from"./select-CF3cKjCo.js";import{t as se}from"./props-table-CM_1cocj.js";import{t as N}from"./month-year-picker-2cWfwnmP.js";function P(e,t){let n=k(e,t?.in).getDay();return n===0||n===6}function F(e,t){let{start:n,end:i}=r(t?.in,e),a=+n>+i,o=a?+n:+i,s=a?i:n;s.setHours(0,0,0,0);let c=t?.step??1;if(!c)return[];c<0&&(c=-c,a=!a);let l=[];for(;+s<=o;)l.push(re(n,s)),s.setDate(s.getDate()+c),s.setHours(0,0,0,0);return a?l.reverse():l}function I(e,t,n){let[r,i]=E(n?.in,e,t);return+l(r,n)==+l(i,n)}function ce(e,t,n){return c(e,-t,n)}function le(e,t,n){return o(e,-t,n)}var ue={lessThanXSeconds:{one:`по-малко от секунда`,other:`по-малко от {{count}} секунди`},xSeconds:{one:`1 секунда`,other:`{{count}} секунди`},halfAMinute:`половин минута`,lessThanXMinutes:{one:`по-малко от минута`,other:`по-малко от {{count}} минути`},xMinutes:{one:`1 минута`,other:`{{count}} минути`},aboutXHours:{one:`около час`,other:`около {{count}} часа`},xHours:{one:`1 час`,other:`{{count}} часа`},xDays:{one:`1 ден`,other:`{{count}} дни`},aboutXWeeks:{one:`около седмица`,other:`около {{count}} седмици`},xWeeks:{one:`1 седмица`,other:`{{count}} седмици`},aboutXMonths:{one:`около месец`,other:`около {{count}} месеца`},xMonths:{one:`1 месец`,other:`{{count}} месеца`},aboutXYears:{one:`около година`,other:`около {{count}} години`},xYears:{one:`1 година`,other:`{{count}} години`},overXYears:{one:`над година`,other:`над {{count}} години`},almostXYears:{one:`почти година`,other:`почти {{count}} години`}},L=(e,t,n)=>{let r,i=ue[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,String(t)),n?.addSuffix?n.comparison&&n.comparison>0?`след `+r:`преди `+r:r},de={date:T({formats:{full:`EEEE, dd MMMM yyyy`,long:`dd MMMM yyyy`,medium:`dd MMM yyyy`,short:`dd.MM.yyyy`},defaultWidth:`full`}),time:T({formats:{full:`HH:mm:ss zzzz`,long:`HH:mm:ss z`,medium:`HH:mm:ss`,short:`H:mm`},defaultWidth:`full`}),dateTime:T({formats:{any:`{{date}} {{time}}`},defaultWidth:`any`})},R=[`неделя`,`понеделник`,`вторник`,`сряда`,`четвъртък`,`петък`,`събота`];function fe(e){let t=R[e];switch(e){case 0:case 3:case 6:return`'миналата `+t+` в' p`;case 1:case 2:case 4:case 5:return`'миналия `+t+` в' p`}}function pe(e){let t=R[e];return e===2?`'във `+t+` в' p`:`'в `+t+` в' p`}function me(e){let t=R[e];switch(e){case 0:case 3:case 6:return`'следващата `+t+` в' p`;case 1:case 2:case 4:case 5:return`'следващия `+t+` в' p`}}var he={lastWeek:(e,t,n)=>{let r=k(e),i=r.getDay();return I(r,t,n)?pe(i):fe(i)},yesterday:`'вчера в' p`,today:`'днес в' p`,tomorrow:`'утре в' p`,nextWeek:(e,t,n)=>{let r=k(e),i=r.getDay();return I(r,t,n)?pe(i):me(i)},other:`P`},ge=(e,t,n,r)=>{let i=he[e];return typeof i==`function`?i(t,n,r):i},_e={narrow:[`пр.н.е.`,`н.е.`],abbreviated:[`преди н. е.`,`н. е.`],wide:[`преди новата ера`,`новата ера`]},ve={narrow:[`1`,`2`,`3`,`4`],abbreviated:[`1-во тримес.`,`2-ро тримес.`,`3-то тримес.`,`4-то тримес.`],wide:[`1-во тримесечие`,`2-ро тримесечие`,`3-то тримесечие`,`4-то тримесечие`]},ye={abbreviated:[`яну`,`фев`,`мар`,`апр`,`май`,`юни`,`юли`,`авг`,`сеп`,`окт`,`ное`,`дек`],wide:[`януари`,`февруари`,`март`,`април`,`май`,`юни`,`юли`,`август`,`септември`,`октомври`,`ноември`,`декември`]},be={narrow:[`Н`,`П`,`В`,`С`,`Ч`,`П`,`С`],short:[`нд`,`пн`,`вт`,`ср`,`чт`,`пт`,`сб`],abbreviated:[`нед`,`пон`,`вто`,`сря`,`чет`,`пет`,`съб`],wide:[`неделя`,`понеделник`,`вторник`,`сряда`,`четвъртък`,`петък`,`събота`]},xe={wide:{am:`преди обяд`,pm:`след обяд`,midnight:`в полунощ`,noon:`на обяд`,morning:`сутринта`,afternoon:`следобед`,evening:`вечерта`,night:`през нощта`}};function Se(e){return e===`year`||e===`week`||e===`minute`||e===`second`}function Ce(e){return e===`quarter`}function z(e,t,n,r,i){let a=Ce(t)?i:Se(t)?r:n;return e+`-`+a}var we={code:`bg`,formatDistance:L,formatLong:de,formatRelative:ge,localize:{ordinalNumber:(e,t)=>{let n=Number(e),r=t?.unit;if(n===0)return z(0,r,`ев`,`ева`,`ево`);if(n%1e3==0)return z(n,r,`ен`,`на`,`но`);if(n%100==0)return z(n,r,`тен`,`тна`,`тно`);let i=n%100;if(i>20||i<10)switch(i%10){case 1:return z(n,r,`ви`,`ва`,`во`);case 2:return z(n,r,`ри`,`ра`,`ро`);case 7:case 8:return z(n,r,`ми`,`ма`,`мо`)}return z(n,r,`ти`,`та`,`то`)},era:w({values:_e,defaultWidth:`wide`}),quarter:w({values:ve,defaultWidth:`wide`,argumentCallback:e=>e-1}),month:w({values:ye,defaultWidth:`wide`}),day:w({values:be,defaultWidth:`wide`}),dayPeriod:w({values:xe,defaultWidth:`wide`})},match:{ordinalNumber:D({matchPattern:/^(\d+)(-?[врмт][аи]|-?т?(ен|на)|-?(ев|ева))?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:O({matchPatterns:{narrow:/^((пр)?н\.?\s?е\.?)/i,abbreviated:/^((пр)?н\.?\s?е\.?)/i,wide:/^(преди новата ера|новата ера|нова ера)/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/^п/i,/^н/i]},defaultParseWidth:`any`}),quarter:O({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^[1234](-?[врт]?o?)? тримес.?/i,wide:/^[1234](-?[врт]?о?)? тримесечие/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:`any`,valueCallback:e=>e+1}),month:O({matchPatterns:{abbreviated:/^(яну|фев|мар|апр|май|юни|юли|авг|сеп|окт|ное|дек)/i,wide:/^(януари|февруари|март|април|май|юни|юли|август|септември|октомври|ноември|декември)/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/^я/i,/^ф/i,/^мар/i,/^ап/i,/^май/i,/^юн/i,/^юл/i,/^ав/i,/^се/i,/^окт/i,/^но/i,/^де/i]},defaultParseWidth:`any`}),day:O({matchPatterns:{narrow:/^[нпвсч]/i,short:/^(нд|пн|вт|ср|чт|пт|сб)/i,abbreviated:/^(нед|пон|вто|сря|чет|пет|съб)/i,wide:/^(неделя|понеделник|вторник|сряда|четвъртък|петък|събота)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^н/i,/^п/i,/^в/i,/^с/i,/^ч/i,/^п/i,/^с/i],any:[/^н[ед]/i,/^п[он]/i,/^вт/i,/^ср/i,/^ч[ет]/i,/^п[ет]/i,/^с[ъб]/i]},defaultParseWidth:`any`}),dayPeriod:O({matchPatterns:{any:/^(преди о|след о|в по|на о|през|веч|сут|следо)/i},defaultMatchWidth:`any`,parsePatterns:{any:{am:/^преди о/i,pm:/^след о/i,midnight:/^в пол/i,noon:/^на об/i,morning:/^сут/i,afternoon:/^следо/i,evening:/^веч/i,night:/^през н/i}},defaultParseWidth:`any`})},options:{weekStartsOn:1,firstWeekContainsDate:1}},B=t(n(),1),V=C(),H={gray:`bg-gray-500`,red:`bg-red-500`,orange:`bg-orange-500`,amber:`bg-amber-500`,yellow:`bg-yellow-500`,green:`bg-green-500`,blue:`bg-blue-500`,purple:`bg-purple-500`};function U(e){if(!e)return`gray`;if(e.colorToken)return e.colorToken;let t=e.color??``;return t.includes(`orange`)?`orange`:t.includes(`yellow`)?`yellow`:t.includes(`amber`)?`amber`:t.includes(`purple`)?`purple`:t.includes(`green`)?`green`:t.includes(`blue`)?`blue`:t.includes(`red`)?`red`:`gray`}var W={today:`Today`,previous:`Previous`,next:`Next`,loading:`Loading…`,booking:`booking`,bookings:`bookings`,viewMode:{month:`Month`,week:`Week`,agenda:`Agenda`},weekdaysShort:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]};function Te({event:e,category:t,compact:n=!1,onClick:r}){let i=H[U(t)],a=e.allDay?null:u(e.startDate,`HH:mm`),o=e.metadata?.calendar_cell_title,s=typeof o==`string`&&o.trim()!==``?o:e.title,c=a?`${s} at ${a}`:s;return(0,V.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),r?.()},className:g(`event-calendar-event-badge--component`,`group/event flex w-full min-w-0 items-center gap-1 rounded-md border border-border/60 bg-card px-1.5`,`text-left transition-colors hover:bg-accent/50`,`max-sm:h-3 max-sm:justify-center max-sm:gap-0 max-sm:border-transparent max-sm:bg-transparent max-sm:px-0`,n?`h-5`:`h-6`),"aria-label":c,title:typeof s==`string`?s:void 0,children:[(0,V.jsx)(`span`,{"aria-hidden":`true`,className:g(`size-1.5 shrink-0 rounded-full`,i)}),(0,V.jsx)(p,{tag:`span`,size:`xxs`,weight:`medium`,className:`min-w-0 flex-1 truncate max-sm:hidden`,children:s}),!!a&&(0,V.jsx)(p,{tag:`span`,size:`xxs`,type:`secondary`,className:`shrink-0 whitespace-nowrap tabular-nums max-sm:hidden`,children:a})]})}Te.displayName=`EventCalendarEventBadge`;function Ee(e,t,n,r={}){let{weekStartsOn:o=1,showWeekends:c=!0,visibleCategories:u}=r;return(0,B.useMemo)(()=>{let r=i(t),p=ie(t),m,h;n===`month`?(m=l(r,{weekStartsOn:o}),h=s(p,{weekStartsOn:o})):n===`week`?(m=l(t,{weekStartsOn:o}),h=s(t,{weekStartsOn:o})):(m=r,h=p);let g=F({start:m,end:h}),_=u&&u.length>0?e.filter(e=>u.includes(e.category)):e,v=new Map;return _.forEach(e=>{let t=d(e.startDate);if(Number.isNaN(t.getTime()))return;let n=t;if(e.endDate&&!Number.isNaN(e.endDate.getTime())){let r=d(e.endDate);!Number.isNaN(r.getTime())&&r.getTime()>=t.getTime()&&(n=r)}F({start:t,end:n}).forEach(t=>{let n=t.toISOString().split(`T`)[0];v.has(n)||v.set(n,[]),v.get(n).push(e)})}),g.filter(e=>c||!P(e)).map(e=>{let n=e.toISOString().split(`T`)[0],r=[...v.get(n)||[]].sort((e,t)=>e.allDay&&!t.allDay?-1:!e.allDay&&t.allDay?1:e.startDate.getTime()-t.startDate.getTime());return{date:e,isCurrentMonth:a(e,t),isToday:f(e),isWeekend:P(e),events:r,eventCount:r.length,hasMultipleEvents:r.length>1}})},[e,t,n,o,c,u])}function De(e,t){return e.find(e=>e.id===t)}function Oe({data:e,categories:t,maxEvents:n=3,onClick:r,compact:i=!1,strings:a,renderEvent:o}){let s={booking:a?.booking??W.booking,bookings:a?.bookings??W.bookings},{date:c,isCurrentMonth:l,isToday:u,isWeekend:d,events:f,eventCount:m}=e,h=f.slice(0,n),_=Math.max(0,m-n);return(0,V.jsx)(`div`,{className:g(`event-calendar-day-cell--component`,`p-0 relative w-full border-r border-b border-border last:border-r-0 [&:nth-child(7n)]:border-r-0`),children:(0,V.jsxs)(`div`,{role:`button`,tabIndex:0,onClick:r,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),r())},className:g(`relative w-full min-h-24 p-2 transition-colors`,`hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:z-10`,`flex flex-col items-start gap-1`,!l&&`text-muted-foreground opacity-50`,u&&`h-full bg-accent text-accent-foreground`,i&&`min-h-20 p-1`),"aria-label":c.toDateString(),"data-date":c.toISOString(),"data-today":u,"data-weekend":d,"data-current-month":l,children:[(0,V.jsx)(p,{className:g(`font-normal leading-none`,u&&`font-semibold`,!l&&`text-muted-foreground`,i&&`text-xs`),children:c.getDate()}),(0,V.jsxs)(`div`,{className:`w-full space-y-0.5`,children:[h.map(n=>{let a=De(t,n.category);return o?(0,V.jsx)(`div`,{children:o(n,a)},n.id):(0,V.jsx)(Te,{event:n,category:a,compact:i||e.hasMultipleEvents,onClick:()=>r()},n.id)}),_>0&&(0,V.jsxs)(`div`,{className:`flex items-center gap-1 py-0.5 px-2`,children:[(0,V.jsx)(`div`,{className:`flex items-center -space-x-1`,children:t.slice(0,3).map((e,t)=>(0,V.jsx)(`span`,{className:g(`h-1.5 w-1.5 rounded-full border border-background`,H[U(e)])},e.id||t))}),(0,V.jsxs)(p,{size:`xs`,type:`secondary`,className:`font-medium text-xxs`,children:[_,` `,_===1?s.booking:s.bookings]})]})]})]})})}Oe.displayName=`EventCalendarDayCell`;function ke(e){switch(e){case`destructive`:return{variant:`error`,buttonStyle:`solid`};case`outline`:return{variant:`secondary`,buttonStyle:`outline`};case`secondary`:return{variant:`secondary`,buttonStyle:`solid`};case`ghost`:return{variant:`secondary`,buttonStyle:`ghost`};default:return{variant:`primary`,buttonStyle:`solid`}}}var Ae=(e,t)=>{if(!e)return null;if(e.element)return(0,V.jsx)(`div`,{className:`event-calendar-header--component`,children:e.element},e.id||t);let n=e.icon,r=e.id||`action-${t}`,i=()=>{e.onClick?.()},a=ke(e.variant);return(0,V.jsxs)(y,{variant:a.variant,buttonStyle:a.buttonStyle,onClick:i,className:g(`h-8 gap-2`,a.className),disabled:!!e.disabled,children:[!!n&&(0,V.jsx)(n,{className:`h-4 w-4`}),e.label]},r)};function je({currentDate:e,viewMode:t,displayLabel:n,onPrevious:r,onNext:i,onToday:a,onViewModeChange:o,onDateChange:s,locale:c,actions:l,strings:u,rangeMode:d=`date`,minDate:f,maxDate:p,prevDisabled:m=!1,nextDisabled:g=!1}){let _={today:u?.today??W.today,previous:u?.previous??W.previous,next:u?.next??W.next,viewMode:{...W.viewMode,...u?.viewMode??{}}},v=(0,B.useMemo)(()=>(l||[]).filter(e=>e.isVisible!==!1),[l]);return(0,V.jsxs)(`div`,{className:`flex items-center justify-between gap-4 mb-4`,children:[(0,V.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,V.jsx)(h,{tag:`h3`,className:`text-lg font-semibold`,children:n}),(0,V.jsx)(N,{value:{month:e.getMonth(),year:e.getFullYear()},onChange:e=>{e.date&&s?.(e.date)},fromYear:f?.getFullYear(),toYear:p?.getFullYear(),locale:c})]}),(0,V.jsxs)(`div`,{className:`flex items-center gap-2`,children:[v.length>0&&(0,V.jsxs)(V.Fragment,{children:[v.map((e,t)=>Ae(e,t)),(0,V.jsx)(`div`,{className:`h-6 w-px bg-border mx-1`})]}),(0,V.jsx)(y,{variant:`secondary`,buttonStyle:`outline`,onClick:a,className:`hidden sm:inline-flex`,children:_.today}),(0,V.jsxs)(`div`,{className:`flex items-center border border-border rounded-md`,children:[(0,V.jsx)(y,{variant:`secondary`,buttonStyle:`ghost`,size:`icon`,onClick:r,disabled:m,className:`h-8 w-8 rounded-r-none border-r`,"aria-label":_.previous,children:(0,V.jsx)(x,{className:`h-4 w-4`})}),(0,V.jsx)(y,{variant:`secondary`,buttonStyle:`ghost`,size:`icon`,onClick:i,disabled:g,className:`h-8 w-8 rounded-l-none`,"aria-label":_.next,children:(0,V.jsx)(ee,{className:`h-4 w-4`})})]}),!!o&&(0,V.jsxs)(M,{value:t,onValueChange:e=>{e&&o(e)},children:[(0,V.jsx)(A,{className:`w-28 h-8`,children:(0,V.jsx)(oe,{})}),(0,V.jsxs)(ae,{children:[(0,V.jsx)(j,{value:`month`,children:_.viewMode.month}),(0,V.jsx)(j,{value:`week`,children:_.viewMode.week}),(0,V.jsx)(j,{value:`agenda`,children:_.viewMode.agenda})]})]})]})]})}je.displayName=`EventCalendarHeader`;var Me={gray:{badgeBg:`bg-gray-500/10`,border:`border-gray-500/40`,swatch:`bg-gray-500`},red:{badgeBg:`bg-red-500/10`,border:`border-red-500/40`,swatch:`bg-red-500`},orange:{badgeBg:`bg-orange-500/10`,border:`border-orange-500/40`,swatch:`bg-orange-500`},amber:{badgeBg:`bg-amber-500/10`,border:`border-amber-500/40`,swatch:`bg-amber-500`},yellow:{badgeBg:`bg-yellow-500/10`,border:`border-yellow-500/40`,swatch:`bg-yellow-500`},green:{badgeBg:`bg-green-500/10`,border:`border-green-500/40`,swatch:`bg-green-500`},blue:{badgeBg:`bg-blue-500/10`,border:`border-blue-500/40`,swatch:`bg-blue-500`},purple:{badgeBg:`bg-purple-500/10`,border:`border-purple-500/40`,swatch:`bg-purple-500`}};function Ne(e){let t=U(e);return{dot:H[t],...Me[t]}}function Pe({categories:e,visibleCategories:t,onToggleCategory:n,enableFiltering:r=!1}){let i=!t||t.length===0,a=e=>r?i||t?.includes(e):!0,o=e=>{!r||!n||n(e)};return e.length===0?null:(0,V.jsx)(`div`,{role:r?`group`:void 0,"aria-label":r?`Filter event categories`:void 0,className:g(`event-calendar-legend--component`,`flex flex-wrap items-center gap-1.5 py-1`),children:e.map(e=>{let t=a(e.id),n=Ne(e),i=e.icon,s=`group inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium transition-colors`,c=(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(`span`,{className:g(`inline-block size-2 rounded-full`,t?n.swatch:`bg-muted-foreground/40`),"aria-hidden":`true`}),!!i&&(0,V.jsx)(i,{className:g(`size-3`,t?`text-foreground`:`text-muted-foreground`),"aria-hidden":`true`}),(0,V.jsx)(p,{tag:`span`,size:`xs`,weight:`medium`,type:t?`main`:`secondary`,children:e.label})]});return r?(0,V.jsx)(`button`,{type:`button`,"aria-pressed":t,onClick:()=>o(e.id),className:g(s,`cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,t?`border-border bg-card hover:bg-muted/40`:`border-dashed border-border/60 bg-transparent text-muted-foreground hover:bg-muted/30`),children:c},e.id):(0,V.jsx)(`span`,{className:g(s,`border-border bg-card cursor-default`),children:c},e.id)})})}Pe.displayName=`EventCalendarLegend`;function Fe({events:e,defaultDate:t=new Date,defaultViewMode:n=`month`,onDateChange:r,onViewModeChange:i,dataOptions:a={}}){let[s,l]=(0,B.useState)(t),[d,f]=(0,B.useState)(n),p=Ee(e,s,d,a),m=(0,B.useMemo)(()=>a.visibleCategories&&a.visibleCategories.length>0?e.filter(e=>a.visibleCategories.includes(e.category)):e,[e,a.visibleCategories]);return{currentDate:s,viewMode:d,calendarDays:p,visibleEvents:m,goToToday:(0,B.useCallback)(()=>{let e=new Date;l(e),r?.(e)},[r]),goToNextPeriod:(0,B.useCallback)(()=>{let e=d===`month`?c(s,1):o(s,1);l(e),r?.(e)},[s,d,r]),goToPreviousPeriod:(0,B.useCallback)(()=>{let e=d===`month`?ce(s,1):le(s,1);l(e),r?.(e)},[s,d,r]),setDate:(0,B.useCallback)(e=>{l(e),r?.(e)},[r]),setViewMode:(0,B.useCallback)(e=>{f(e),i?.(e)},[i]),displayLabel:(0,B.useMemo)(()=>{if(d===`month`)return u(s,`MMMM yyyy`);if(d===`week`){let e=p[0]?.date,t=p[p.length-1]?.date;return e&&t?`${u(e,`MMM d`)} - ${u(t,`MMM d, yyyy`)}`:u(s,`MMMM yyyy`)}return u(s,`MMMM yyyy`)},[s,d,p]),hasEvents:(0,B.useMemo)(()=>m.length>0,[m])}}function Ie(e,t){if(!e)return!1;if(Array.isArray(e))return e.some(e=>e.toDateString()===t.toDateString());if(typeof e==`function`)return e(t);let n=e.dates?.some(e=>e.toDateString()===t.toDateString())??!1,r=e.predicate?.(t)??!1;return n||r}function G({events:e,categories:t,viewMode:n,onViewModeChange:r,defaultDate:i,onDateChange:a,onEventClick:o,onDayClick:s,maxEventsPerDay:c=3,showLegend:l=!0,showHeader:u=!0,showWeekends:d=!0,weekStartsOn:f,locale:h,enableCategoryFilter:_=!1,visibleCategories:v,onVisibleCategoriesChange:y,isLoading:b=!1,emptyStateMessage:x,className:ee,compact:te=!1,actions:ne,strings:S,dayHeadingVariant:C=`default`,dayHeadingClassName:re,renderDayHeading:w,rangeMode:T=`date`,minDate:E,maxDate:D,disabledDates:ie,filterEvent:O,renderEvent:k,renderDayCell:A}){let j=(0,B.useMemo)(()=>({...W,...S,viewMode:{...W.viewMode,...S?.viewMode??{}},weekdaysShort:S?.weekdaysShort??W.weekdaysShort}),[S]),[ae,oe]=(0,B.useState)([]),M=v??ae,{weekStartsOn:se}=m(),N=f??se??1,P=e=>{let t=M.includes(e)?M.filter(t=>t!==e):[...M,e];y?y(t):oe(t)},F=Fe({events:e,defaultDate:i,defaultViewMode:n||`month`,onDateChange:a,onViewModeChange:r,dataOptions:{weekStartsOn:N,showWeekends:d,visibleCategories:M.length>0?M:void 0}}),I=(0,B.useMemo)(()=>{let e=j.weekdaysShort;return N===1?[...e.slice(1),e[0]]:e},[j.weekdaysShort,N]),ce=e=>{Ie(ie,e.date)||E&&e.date<E||D&&e.date>D||s?.(e.date,e.events)},le=(0,B.useMemo)(()=>O?F.calendarDays.map(e=>({...e,events:e.events.filter(O),eventCount:e.events.filter(O).length,hasMultipleEvents:e.events.filter(O).length>1})):F.calendarDays,[F.calendarDays,O]);function ue(e){return!!(Ie(ie,e)||E&&e<E||D&&e>D)}let L=(0,B.useMemo)(()=>{let e=F.calendarDays;if(e.length===0)return{prev:!1,next:!1};let t=e[0].date,n=e[e.length-1].date;return{prev:!!E&&t<=E,next:!!D&&n>=D}},[F.calendarDays,E,D]);if(b)return(0,V.jsx)(`div`,{className:g(`event-calendar--component`,`flex items-center justify-center py-12`),children:(0,V.jsx)(p,{type:`secondary`,children:j.loading})});let de=n?r:void 0,R=_?P:void 0;return(0,V.jsxs)(`div`,{className:g(`w-full space-y-4`,ee),children:[!!u&&(0,V.jsx)(je,{currentDate:F.currentDate,viewMode:F.viewMode,displayLabel:F.displayLabel,onPrevious:F.goToPreviousPeriod,onNext:F.goToNextPeriod,onToday:F.goToToday,onViewModeChange:de,onDateChange:F.setDate,locale:h,actions:ne,rangeMode:T,minDate:E,maxDate:D,prevDisabled:L.prev,nextDisabled:L.next,strings:{today:j.today,previous:j.previous,next:j.next,viewMode:j.viewMode}}),!!l&&t.length>0&&(0,V.jsx)(Pe,{categories:t,visibleCategories:M,onToggleCategory:R,enableFiltering:_}),!F.hasEvents&&x?(0,V.jsx)(`div`,{className:`flex items-center justify-center py-12 border border-dashed border-border rounded-lg`,children:(0,V.jsx)(p,{type:`secondary`,children:x})}):(0,V.jsxs)(`div`,{className:`bg-background rounded-lg border border-border`,children:[(0,V.jsx)(`div`,{className:g(`grid grid-cols-7`,C===`bordered`&&`border-b border-border mb-0`,C===`tinted`&&`bg-muted/40 rounded-t-lg mb-0 overflow-hidden`,C===`accent`&&`bg-primary/8 rounded-t-lg mb-0 overflow-hidden`,C==="default"&&`mb-2`),children:I.map((e,t)=>w?(0,V.jsx)(`div`,{children:w(e,t)},e):(0,V.jsx)(`div`,{className:g(`text-center h-8 flex items-center justify-center`,re),children:(0,V.jsx)(p,{size:`xs`,weight:C===`accent`?`medium`:`regular`,className:g(C==="default"&&`text-muted-foreground`,C===`tinted`&&`text-muted-foreground`,C===`bordered`&&`text-foreground`,C===`accent`&&`text-primary`),children:e})},e))}),(0,V.jsx)(`div`,{className:`grid grid-cols-7`,children:le.map(e=>{let n=ue(e.date),r=()=>(0,V.jsx)(Oe,{data:e,categories:t,maxEvents:c,onClick:()=>ce(e),compact:te,strings:{booking:j.booking,bookings:j.bookings},renderEvent:k});return(0,V.jsx)(`div`,{className:g(n&&`pointer-events-none opacity-40`),"aria-disabled":n||void 0,children:A?A(e,r):r()},e.date.toISOString())})})]})]})}G.displayName=`EventCalendar`;var Le=e({DayHeadingVariantAccent:()=>He,DayHeadingVariantBordered:()=>Ve,DayHeadingVariantTinted:()=>Be,Default:()=>Y,FilterEventRenderEventCustomEventRendering:()=>ze,NavigationLimitsDisabledDates:()=>Z,RangeModeMonthYearCompactMonthYearJump:()=>X,WithCustomStringsBG:()=>Ue}),Re=new Date;function K(e,t=10){let n=new Date(Re);return n.setDate(n.getDate()+e),n.setHours(t,0,0,0),n}var q=[{id:`spa`,label:`Spa & Wellness`,color:`green`,icon:te},{id:`wine`,label:`Wine & Dine`,color:`purple`,icon:S},{id:`adventure`,label:`Adventure`,color:`amber`,icon:ne}],J=[{id:`1`,title:`Couples Spa`,category:`spa`,startDate:K(0,14)},{id:`2`,title:`Wine Tasting`,category:`wine`,startDate:K(2,18)},{id:`3`,title:`Hot Air Balloon`,category:`adventure`,startDate:K(4,6)},{id:`4`,title:`Hot Stone Massage`,category:`spa`,startDate:K(7,10)},{id:`5`,title:`Sommelier Tour`,category:`wine`,startDate:K(7,18)},{id:`6`,title:`Paragliding`,category:`adventure`,startDate:K(11,9)},{id:`7`,title:`Aroma Therapy`,category:`spa`,startDate:K(14,11)}];function Y(){let[e,t]=(0,B.useState)([]);return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(G,{events:J,categories:q,enableCategoryFilter:!0,visibleCategories:e,onVisibleCategoriesChange:t})})}function X(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(G,{events:J,categories:q,rangeMode:`month-year`})})}function Z(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(G,{events:J,categories:q,minDate:K(-30),maxDate:K(60),disabledDates:e=>e.getDay()===0})})}function ze(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(G,{events:J,categories:q,filterEvent:e=>e.category!==`wine`,renderEvent:(e,t)=>(0,V.jsxs)(`div`,{className:`truncate rounded-sm bg-foreground/8 px-1.5 py-0.5 text-[length:var(--text-xxs)] text-foreground`,children:[t?.label?.split(` `)[0]??``,` · `,e.title]})})})}function Be(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(G,{events:J,categories:q,dayHeadingVariant:`tinted`})})}function Ve(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(G,{events:J,categories:q,dayHeadingVariant:`bordered`})})}function He(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(G,{events:J,categories:q,dayHeadingVariant:`accent`})})}function Ue(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(G,{events:J,categories:q,locale:we,strings:{today:`Днес`,previous:`Назад`,next:`Напред`,loading:`Зарежда…`,booking:`резервация`,bookings:`резервации`,viewMode:{month:`Месец`,week:`Седмица`,agenda:`Списък`},weekdaysShort:[`Нед`,`Пон`,`Вто`,`Сря`,`Чет`,`Пет`,`Съб`]}})})}var Q=`import { useState } from 'react';
-import { Heart, Star, Sparkles } from 'lucide-react';
-import { bg } from 'date-fns/locale';
-import { EventCalendar } from '@/components/base/event-calendar/event-calendar';
-import type { CalendarEvent, EventCategory } from '@/components/base/event-calendar/event-calendar.types';
-
-const today = new Date();
-function offset(days: number, hour = 10) {
-	const d = new Date(today);
-	d.setDate(d.getDate() + days);
-	d.setHours(hour, 0, 0, 0);
-	return d;
-}
-
-const categories: EventCategory[] = [
-	{ id: 'spa', label: 'Spa & Wellness', color: 'green', icon: Heart },
-	{ id: 'wine', label: 'Wine & Dine', color: 'purple', icon: Star },
-	{ id: 'adventure', label: 'Adventure', color: 'amber', icon: Sparkles },
-];
-
-const events: CalendarEvent[] = [
-	{ id: '1', title: 'Couples Spa', category: 'spa', startDate: offset(0, 14) },
-	{ id: '2', title: 'Wine Tasting', category: 'wine', startDate: offset(2, 18) },
-	{ id: '3', title: 'Hot Air Balloon', category: 'adventure', startDate: offset(4, 6) },
-	{ id: '4', title: 'Hot Stone Massage', category: 'spa', startDate: offset(7, 10) },
-	{ id: '5', title: 'Sommelier Tour', category: 'wine', startDate: offset(7, 18) },
-	{ id: '6', title: 'Paragliding', category: 'adventure', startDate: offset(11, 9) },
-	{ id: '7', title: 'Aroma Therapy', category: 'spa', startDate: offset(14, 11) },
-];
-
-export function Default() {
-	const [visible, setVisible] = useState<string[]>([]);
-	return (
-		<>
-			<EventCalendar
-								events={events}
-								categories={categories}
-								enableCategoryFilter
-								visibleCategories={visible}
-								onVisibleCategoriesChange={setVisible}
-							/>
-		</>
-	);
-}
-
-export function RangeModeMonthYearCompactMonthYearJump() {
-	return (
-		<>
-			<EventCalendar
-								events={events}
-								categories={categories}
-								rangeMode="month-year"
-							/>
-		</>
-	);
-}
-
-export function NavigationLimitsDisabledDates() {
-	return (
-		<>
-			<EventCalendar
-								events={events}
-								categories={categories}
-								minDate={offset(-30)}
-								maxDate={offset(60)}
-								disabledDates={(date) => date.getDay() === 0}
-							/>
-		</>
-	);
-}
-
-export function FilterEventRenderEventCustomEventRendering() {
-	return (
-		<>
-			<EventCalendar
-								events={events}
-								categories={categories}
-								filterEvent={(e) => e.category !== 'wine'}
-								renderEvent={(event, category) => (
-									<div className="truncate rounded-sm bg-foreground/8 px-1.5 py-0.5 text-[length:var(--text-xxs)] text-foreground">
-										{category?.label?.split(' ')[0] ?? ''} · {event.title}
-									</div>
-								)}
-							/>
-		</>
-	);
-}
-
-export function DayHeadingVariantTinted() {
-	return (
-		<>
-			<EventCalendar events={events} categories={categories} dayHeadingVariant="tinted" />
-		</>
-	);
-}
-
-export function DayHeadingVariantBordered() {
-	return (
-		<>
-			<EventCalendar events={events} categories={categories} dayHeadingVariant="bordered" />
-		</>
-	);
-}
-
-export function DayHeadingVariantAccent() {
-	return (
-		<>
-			<EventCalendar events={events} categories={categories} dayHeadingVariant="accent" />
-		</>
-	);
-}
-
-export function WithCustomStringsBG() {
-	return (
-		<>
-			<EventCalendar
-								events={events}
-								categories={categories}
-								locale={bg}
-								strings={{
-									today: 'Днес',
-									previous: 'Назад',
-									next: 'Напред',
-									loading: 'Зарежда…',
-									booking: 'резервация',
-									bookings: 'резервации',
-									viewMode: { month: 'Месец', week: 'Седмица', agenda: 'Списък' },
-									weekdaysShort: ['Нед', 'Пон', 'Вто', 'Сря', 'Чет', 'Пет', 'Съб'],
-								}}
-							/>
-		</>
-	);
-}
-`;function We(e){let t={code:`code`,p:`p`,...e.components};return Le||$(`Examples`,!1),He||$(`Examples.DayHeadingVariantAccent`,!0),Ve||$(`Examples.DayHeadingVariantBordered`,!0),Be||$(`Examples.DayHeadingVariantTinted`,!0),Y||$(`Examples.Default`,!0),ze||$(`Examples.FilterEventRenderEventCustomEventRendering`,!0),Z||$(`Examples.NavigationLimitsDisabledDates`,!0),X||$(`Examples.RangeModeMonthYearCompactMonthYearJump`,!0),Ue||$(`Examples.WithCustomStringsBG`,!0),(0,V.jsxs)(_,{title:`Event calendar`,description:`Month view with categories, filtering, navigation rules, custom event rendering, and three day-heading variants.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/event-calendar`,children:[(0,V.jsx)(v,{title:`Overview`,id:`overview`,children:(0,V.jsxs)(t.p,{children:[(0,V.jsx)(t.code,{children:`EventCalendar`}),` is the canonical month view — pass `,(0,V.jsx)(t.code,{children:`events`}),` and optional
-`,(0,V.jsx)(t.code,{children:`categories`}),`, drive filtering with `,(0,V.jsx)(t.code,{children:`enableCategoryFilter`}),` / `,(0,V.jsx)(t.code,{children:`visibleCategories`}),`
-or imperatively with `,(0,V.jsx)(t.code,{children:`filterEvent`}),`, and slot a custom renderer with
-`,(0,V.jsx)(t.code,{children:`renderEvent`}),`. Navigation can be capped via `,(0,V.jsx)(t.code,{children:`minDate`}),` / `,(0,V.jsx)(t.code,{children:`maxDate`}),` and
-`,(0,V.jsx)(t.code,{children:`disabledDates`}),`, and every string + locale is overridable.`]})}),(0,V.jsx)(v,{title:`Default`,id:`default`,children:(0,V.jsx)(b,{name:`Default`,source:Q,children:(0,V.jsx)(Y,{})})}),(0,V.jsxs)(v,{title:`Navigation modes`,id:`navigation`,children:[(0,V.jsx)(b,{name:`RangeModeMonthYearCompactMonthYearJump`,source:Q,children:(0,V.jsx)(X,{})}),(0,V.jsx)(b,{name:`NavigationLimitsDisabledDates`,source:Q,children:(0,V.jsx)(Z,{})})]}),(0,V.jsxs)(v,{title:`Day-heading variants`,id:`day-heading`,children:[(0,V.jsx)(b,{name:`DayHeadingVariantTinted`,source:Q,children:(0,V.jsx)(Be,{})}),(0,V.jsx)(b,{name:`DayHeadingVariantBordered`,source:Q,children:(0,V.jsx)(Ve,{})}),(0,V.jsx)(b,{name:`DayHeadingVariantAccent`,source:Q,children:(0,V.jsx)(He,{})})]}),(0,V.jsxs)(v,{title:`Customisation`,id:`custom`,children:[(0,V.jsx)(b,{name:`FilterEventRenderEventCustomEventRendering`,source:Q,children:(0,V.jsx)(ze,{})}),(0,V.jsx)(b,{name:`WithCustomStringsBG`,source:Q,children:(0,V.jsx)(Ue,{})})]}),(0,V.jsx)(v,{title:`API`,id:`api`,children:(0,V.jsx)(se,{component:`EventCalendar`})})]})}function Ge(e={}){let{wrapper:t}=e.components||{};return t?(0,V.jsx)(t,{...e,children:(0,V.jsx)(We,{...e})}):We(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Ge as default};