admin-ui-starter-kit 0.1.4 → 0.4.3

package/dist/showcase/assets/kanban-CKGYTXji.js

@@ -1,175 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Sr as i,Tr as a,gr as o,hr as s,kr as c,mr as l,t as u}from"./example-C6-_Sy6B.js";import{t as d}from"./arrow-up-BpWEnkdX.js";import{t as f}from"./ellipsis-Bn-XgoA7.js";import{t as p}from"./eye-JVsUA85G.js";import{t as m}from"./trash-2-_xF5j-Ya.js";import{D as h,a as g,r as _}from"./index-B8DVXCmf.js";import{t as v}from"./props-table-CM_1cocj.js";import{t as y}from"./smart-card-7szg_qSt.js";import{a as b,c as ee,d as x,f as S,i as te,o as C,p as w,r as T,t as ne,u as E}from"./sortable.esm-DVuzVA1U.js";import{t as D}from"./PreviewLayout-N1PTTyZK.js";import{t as O}from"./popover-menu-BRGSZe4f.js";var k=_(`pen-line`,[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]]),A=t(n(),1);function j({value:e,onValueChange:t,getItemValue:n,onItemMove:r}){let i=(0,A.useCallback)(t=>{for(let[r,i]of Object.entries(e)){let e=i.findIndex(e=>n(e)===t);if(e>=0)return{columnId:r,index:e,item:i[e]}}},[e,n]),a=(0,A.useCallback)(({itemId:n,toColumnId:a,toIndex:o})=>{let s=i(n);if(!s||!Object.prototype.hasOwnProperty.call(e,a))return;let{columnId:c,index:l,item:u}=s,d=e[a],f=o===void 0?d.length:Math.max(0,Math.min(o,d.length));if(c===a&&l===f)return;let p={...e},m=[...p[c]];m.splice(l,1),p[c]=m;let h=[...c===a?m:p[a]],g=f;c===a&&l<f&&(g=Math.max(0,f-1)),h.splice(g,0,u),p[a]=h,t(p),r?.({item:u,itemId:n,from:{columnId:c,index:l},to:{columnId:a,index:g}})},[e,i,t,r]);return(0,A.useMemo)(()=>({findItem:i,move:a}),[i,a])}var M=(0,A.createContext)(null),N=M.Provider;function P(){let e=(0,A.useContext)(M);if(!e)throw Error(`Kanban subcomponents must be rendered inside a <Kanban> root.`);return e}var F=(0,A.createContext)(null),I=F.Provider;function L(){let e=(0,A.useContext)(F);if(!e)throw Error(`<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.`);return e}var R={announceDragStart:`Picked up item {name}.`,announceDragMove:`Moving {name} from {from} to {to}.`,announceDragEnd:`Dropped {name} into {to}.`,announceDragCancel:`Cancelled drag of {name}.`,dragHandleAria:`Drag handle`,boardAria:`Kanban board`,itemActionsAria:`Item actions`},z=g();function B({value:e,onValueChange:t,getItemValue:n,onItemMove:r,itemActions:i,onItemClick:o,strings:s,className:c,children:l}){let u=h(R,s),{findItem:d,move:f}=j({value:e,onValueChange:t,getItemValue:n,onItemMove:r}),[p,m]=(0,A.useState)(null),g=S(x(ee,{activationConstraint:{distance:6}})),_=(0,A.useMemo)(()=>p?d(p)?.item??null:null,[p,d]),v=(0,A.useCallback)(e=>{m(String(e.active.id))},[]),y=(0,A.useCallback)(t=>{m(null);let{active:n,over:r}=t;if(!r)return;n.data.current;let i=r.data.current,a=String(r.id),o=i?.columnId??(Object.prototype.hasOwnProperty.call(e,a)?a:void 0);if(!o)return;let s=i?.columnId===void 0?e[o].length:i.index;f({itemId:String(n.id),toColumnId:o,toIndex:s})},[f,e]);return(0,z.jsx)(N,{value:(0,A.useMemo)(()=>({value:e,onValueChange:t,getItemValue:n,activeId:p,activeItem:_,findItem:d,itemActions:i,onItemClick:o}),[e,t,n,p,_,d,i,o]),children:(0,z.jsx)(b,{sensors:g,onDragStart:v,onDragEnd:y,onDragCancel:()=>m(null),accessibility:{announcements:{onDragStart({active:e}){return u.announceDragStart.replace(`{name}`,String(e.id))},onDragOver({active:e,over:t}){if(t)return u.announceDragMove.replace(`{name}`,String(e.id)).replace(`{from}`,``).replace(`{to}`,String(t.id))},onDragEnd({active:e,over:t}){return u.announceDragEnd.replace(`{name}`,String(e.id)).replace(`{to}`,t?String(t.id):``)},onDragCancel({active:e}){return u.announceDragCancel.replace(`{name}`,String(e.id))}}},children:(0,z.jsx)(`div`,{role:`application`,"aria-label":u.boardAria,className:a(`kanban--component`,`w-full`,c),children:l})})})}B.displayName=`Kanban`;function V({className:e,style:t,children:n}){return(0,z.jsx)(`div`,{className:a(`grid w-full gap-3`,e),style:t,children:n})}V.displayName=`KanbanBoard`;function H({value:e,className:t,children:n}){let{setNodeRef:r,isOver:i}=E({id:e});return(0,z.jsx)(`div`,{ref:r,"data-slot":`kanban-column`,"data-column-id":e,"data-over":i?`true`:void 0,className:a(`flex min-w-0 flex-col`,t),children:n})}H.displayName=`KanbanColumn`;function U({value:e,className:t,children:n}){let r=P();return(0,z.jsx)(ne,{items:(r.value[e]??[]).map(e=>r.getItemValue(e)),strategy:te,children:(0,z.jsx)(`div`,{"data-slot":`kanban-column-content`,className:a(`flex flex-col gap-2`,t),children:n})})}U.displayName=`KanbanColumnContent`;function W({value:e,className:t,disabled:n=!1,onClick:r,children:i}){let o=P(),s=o.findItem(e),{attributes:c,listeners:l,setNodeRef:u,setActivatorNodeRef:d,transform:f,transition:p,isDragging:m}=T({id:e,disabled:n,data:{columnId:s?.columnId,index:s?.index}}),h={transform:w.Transform.toString(f),transition:p,opacity:m?.4:void 0},g=(0,A.useMemo)(()=>({listeners:l,attributes:c,setActivatorNodeRef:d,itemId:e,item:s?.item??null}),[l,c,d,e,s?.item]),_=o.onItemClick,v=(0,A.useCallback)(e=>{if(!e.target?.closest(`[data-stop-item-click]`)){if(r){r();return}_&&s?.item!==void 0&&_(s.item)}},[r,_,s?.item]),y=!!(r||_);return(0,z.jsx)(I,{value:g,children:(0,z.jsx)(`div`,{ref:u,style:h,"data-slot":`kanban-item`,"data-dragging":m?`true`:void 0,className:a(`touch-none select-none`,y&&`cursor-pointer`,t),onClick:y?v:void 0,...c,...l,children:i})})}W.displayName=`KanbanItem`;var G=(0,A.forwardRef)(function({className:e,children:t},n){let{setActivatorNodeRef:r,listeners:i,attributes:o}=L();return(0,z.jsx)(`button`,{type:`button`,ref:(0,A.useCallback)(e=>{r(e),typeof n==`function`?n(e):n&&(n.current=e)},[r,n]),"data-slot":`kanban-item-handle`,"data-stop-item-click":!0,onClick:e=>e.stopPropagation(),className:a(`inline-flex cursor-grab items-center justify-center rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing`,e),...o,...i,children:t})});G.displayName=`KanbanItemHandle`;function K({className:e,icon:t,ariaLabel:n}){let[i,o]=(0,A.useState)(!1),s=P(),c=L(),l=h(R,void 0),u=c.item,d=s.itemActions,p=(0,A.useMemo)(()=>!d||u==null?[]:(typeof d==`function`?d(u):d).filter(e=>e.isVisible?e.isVisible(u):!0),[d,u]);return p.length===0?null:(0,z.jsx)(O,{open:i,onOpenChange:o,search:!1,contentClassName:`w-44`,trigger:(0,z.jsx)(`button`,{type:`button`,"data-slot":`kanban-item-actions-trigger`,"data-stop-item-click":!0,"aria-label":n??l.itemActionsAria,onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),className:a(`inline-flex size-7 items-center justify-center rounded-md`,`text-muted-foreground/70 hover:bg-muted hover:text-foreground`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`,e),children:t??(0,z.jsx)(f,{className:`size-4`,"aria-hidden":`true`})}),items:p.map(e=>({value:e.id,label:e.label,icon:e.icon,disabled:e.isDisabled?.(u)??!1,data:e})),renderItem:e=>{let t=e.data,n=t.variant===`destructive`;return(0,z.jsxs)(z.Fragment,{children:[!!t.icon&&(0,z.jsx)(`span`,{className:a(`shrink-0`,n?`text-destructive`:`text-muted-foreground`),children:t.icon}),(0,z.jsx)(r,{tag:`span`,size:`xs`,className:a(`truncate`,n&&`text-destructive`),children:t.label})]})},onSelect:e=>{e.data?.onSelect(u),o(!1)}})}K.displayName=`KanbanItemActions`;function q({className:e,render:t}){let{activeItem:n,activeId:i,findItem:o}=P();return(0,z.jsx)(C,{children:i?t?t({item:n,columnId:o(i)?.columnId??null}):(0,z.jsx)(`div`,{className:a(`pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg`,e),children:(0,z.jsx)(r,{tag:`span`,size:`xs`,weight:`medium`,className:`text-primary/80`,children:i})}):null})}q.displayName=`KanbanOverlay`;var J=e({RoadmapBoardWithActionsOnItemClick:()=>Z}),Y={planned:{title:`Planned`,tone:`bg-info`},building:{title:`Building`,tone:`bg-warning`},testing:{title:`Testing`,tone:`bg-primary`},shipped:{title:`Shipped`,tone:`bg-success`}},X={planned:[{id:`f1`,title:`AI-powered search`,description:`Natural language search across all content`,progress:0,votes:142},{id:`f2`,title:`Custom webhooks`,description:`User-configurable webhook endpoints`,progress:0,votes:98}],building:[{id:`f3`,title:`Real-time collaboration`,description:`Multi-user editing with presence indicators`,progress:65,votes:234},{id:`f4`,title:`API v2 migration`,description:`RESTful API with OpenAPI 3.0 spec`,progress:40,votes:176}],testing:[{id:`f5`,title:`Two-factor auth`,description:`TOTP + WebAuthn support`,progress:90,votes:312}],shipped:[{id:`f6`,title:`Dark mode`,description:`System-aware theme with manual override`,progress:100,votes:456},{id:`f7`,title:`Export to CSV`,description:`Bulk data export with custom fields`,progress:100,votes:189}]};function re({feature:e}){return(0,z.jsxs)(y,{padding:`sm`,className:`gap-2`,children:[(0,z.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,z.jsx)(r,{weight:`semibold`,tag:`div`,className:`text-sm flex-1 min-w-0`,children:e.title}),(0,z.jsx)(K,{})]}),(0,z.jsx)(r,{size:`xs`,type:`secondary`,className:`line-clamp-2`,children:e.description}),(0,z.jsx)(`div`,{className:`mt-1 h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,z.jsx)(`div`,{className:`h-full bg-primary transition-[width] duration-150`,style:{width:`${e.progress}%`}})}),(0,z.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,z.jsxs)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[e.progress,`% complete`]}),(0,z.jsxs)(`div`,{className:`inline-flex items-center gap-1 text-muted-foreground`,children:[(0,z.jsx)(d,{className:`size-3`}),(0,z.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.votes})]})]})]})}function Z(){let[e,t]=(0,A.useState)(X),[n,r]=(0,A.useState)(`—`),s=(0,A.useCallback)(e=>{t(t=>{let n={};for(let[r,i]of Object.entries(t))n[r]=i.filter(t=>t.id!==e.id);return n}),r(`Deleted "${e.title}"`)},[]),l=(0,A.useCallback)(e=>[{id:`view`,label:`View details`,icon:(0,z.jsx)(p,{className:`size-3.5`}),onSelect:e=>r(`Viewed "${e.title}"`)},{id:`edit`,label:`Edit`,icon:(0,z.jsx)(k,{className:`size-3.5`}),onSelect:e=>r(`Edited "${e.title}"`)},{id:`duplicate`,label:`Duplicate`,icon:(0,z.jsx)(c,{className:`size-3.5`}),isDisabled:e=>e.progress===100,onSelect:e=>r(`Duplicated "${e.title}"`)},{id:`delete`,label:`Delete`,icon:(0,z.jsx)(m,{className:`size-3.5`}),variant:`destructive`,isVisible:e=>e.progress<100,onSelect:s}],[s]);return(0,z.jsx)(z.Fragment,{children:(0,z.jsxs)(D,{children:[(0,z.jsxs)(`div`,{className:`rounded-md border border-dashed border-border bg-muted/30 px-3 py-2 text-xs text-muted-foreground`,children:[`Last event: `,(0,z.jsx)(`span`,{className:`font-medium text-foreground`,children:n})]}),(0,z.jsxs)(B,{value:e,onValueChange:t,getItemValue:e=>e.id,onItemClick:e=>r(`Clicked "${e.title}"`),itemActions:l,children:[(0,z.jsx)(V,{className:`grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4`,children:Object.entries(e).map(([e,t])=>{let n=Y[e];return(0,z.jsxs)(H,{value:e,className:`rounded-md border border-border bg-muted/20 p-2`,children:[(0,z.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 px-1`,children:[(0,z.jsx)(`span`,{className:a(`size-2 rounded-full`,n.tone),"aria-hidden":!0}),(0,z.jsx)(i,{tag:`h4`,className:`border-0 pb-0 text-sm font-semibold`,children:n.title}),(0,z.jsx)(o,{variant:`secondary`,className:`ml-auto`,children:t.length})]}),(0,z.jsx)(U,{value:e,className:`min-h-[40px]`,children:t.map(e=>(0,z.jsx)(W,{value:e.id,children:(0,z.jsx)(re,{feature:e})},e.id))})]},e)})}),(0,z.jsx)(q,{})]})]})})}var ie=`import { ArrowUp, Copy, Edit3, Eye, Trash2 } from 'lucide-react';
-import { useCallback, useState } from 'react';
-import { Badge } from '@/components/base/badge';
-import { SmartCard } from '@/components/base/cards';
-import {
-	Kanban,
-	KanbanBoard,
-	KanbanColumn,
-	KanbanColumnContent,
-	KanbanItem,
-	KanbanItemActions,
-	KanbanOverlay,
-	type KanbanItemAction,
-	type KanbanValue,
-} from '@/components/features/kanban';
-import { Heading, Text } from '@/components/typography';
-import { cn } from '@/lib/utils';
-import { Col } from '../../PreviewLayout';
-
-interface Feature {
-	id: string;
-	title: string;
-	description: string;
-	progress: number;
-	votes: number;
-}
-
-const COLUMN_META: Record<string, { title: string; tone: string }> = {
-	planned: { title: 'Planned', tone: 'bg-info' },
-	building: { title: 'Building', tone: 'bg-warning' },
-	testing: { title: 'Testing', tone: 'bg-primary' },
-	shipped: { title: 'Shipped', tone: 'bg-success' },
-};
-
-const INITIAL: KanbanValue<Feature> = {
-	planned: [
-		{ id: 'f1', title: 'AI-powered search', description: 'Natural language search across all content', progress: 0, votes: 142 },
-		{ id: 'f2', title: 'Custom webhooks', description: 'User-configurable webhook endpoints', progress: 0, votes: 98 },
-	],
-	building: [
-		{ id: 'f3', title: 'Real-time collaboration', description: 'Multi-user editing with presence indicators', progress: 65, votes: 234 },
-		{ id: 'f4', title: 'API v2 migration', description: 'RESTful API with OpenAPI 3.0 spec', progress: 40, votes: 176 },
-	],
-	testing: [
-		{ id: 'f5', title: 'Two-factor auth', description: 'TOTP + WebAuthn support', progress: 90, votes: 312 },
-	],
-	shipped: [
-		{ id: 'f6', title: 'Dark mode', description: 'System-aware theme with manual override', progress: 100, votes: 456 },
-		{ id: 'f7', title: 'Export to CSV', description: 'Bulk data export with custom fields', progress: 100, votes: 189 },
-	],
-};
-
-function FeatureCard({ feature }: { feature: Feature }) {
-	return (
-		<SmartCard padding="sm" className="gap-2">
-			<div className="flex items-start gap-2">
-				<Text weight="semibold" tag="div" className="text-sm flex-1 min-w-0">
-					{feature.title}
-				</Text>
-				<KanbanItemActions />
-			</div>
-			<Text size="xs" type="secondary" className="line-clamp-2">
-				{feature.description}
-			</Text>
-			<div className="mt-1 h-1.5 overflow-hidden rounded-full bg-muted">
-				<div
-					className="h-full bg-primary transition-[width] duration-150"
-					style={{ width: \`\${feature.progress}%\` }}
-				/>
-			</div>
-			<div className="flex items-center justify-between">
-				<Text size="xxs" type="secondary" className="tabular-nums">
-					{feature.progress}% complete
-				</Text>
-				<div className="inline-flex items-center gap-1 text-muted-foreground">
-					<ArrowUp className="size-3" />
-					<Text tag="span" size="xs" type="secondary" className="tabular-nums">
-						{feature.votes}
-					</Text>
-				</div>
-			</div>
-		</SmartCard>
-	);
-}
-
-export function RoadmapBoardWithActionsOnItemClick() {
-	const [columns, setColumns] = useState(INITIAL);
-	const [lastEvent, setLastEvent] = useState<string>('—');
-	const removeFeature = useCallback((target: Feature) => {
-		setColumns((current) => {
-			const next: KanbanValue<Feature> = {};
-			for (const [col, items] of Object.entries(current)) {
-				next[col] = items.filter((f) => f.id !== target.id);
-			}
-			return next;
-		});
-		setLastEvent(\`Deleted "\${target.title}"\`);
-	}, []);
-	const itemActions = useCallback(
-			(_feature: Feature): KanbanItemAction<Feature>[] => [
-				{
-					id: 'view',
-					label: 'View details',
-					icon: <Eye className="size-3.5" />,
-					onSelect: (f) => setLastEvent(\`Viewed "\${f.title}"\`),
-				},
-				{
-					id: 'edit',
-					label: 'Edit',
-					icon: <Edit3 className="size-3.5" />,
-					onSelect: (f) => setLastEvent(\`Edited "\${f.title}"\`),
-				},
-				{
-					id: 'duplicate',
-					label: 'Duplicate',
-					icon: <Copy className="size-3.5" />,
-					isDisabled: (f) => f.progress === 100,
-					onSelect: (f) => setLastEvent(\`Duplicated "\${f.title}"\`),
-				},
-				{
-					id: 'delete',
-					label: 'Delete',
-					icon: <Trash2 className="size-3.5" />,
-					variant: 'destructive',
-					isVisible: (f) => f.progress < 100,
-					onSelect: removeFeature,
-				},
-			],
-			[removeFeature],
-		);
-	return (
-		<>
-			<Col>
-								<div className="rounded-md border border-dashed border-border bg-muted/30 px-3 py-2 text-xs text-muted-foreground">
-									Last event: <span className="font-medium text-foreground">{lastEvent}</span>
-								</div>
-								<Kanban<Feature>
-									value={columns}
-									onValueChange={setColumns}
-									getItemValue={(f) => f.id}
-									onItemClick={(f) => setLastEvent(\`Clicked "\${f.title}"\`)}
-									itemActions={itemActions}
-								>
-									<KanbanBoard className="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4">
-										{Object.entries(columns).map(([colId, features]) => {
-											const meta = COLUMN_META[colId];
-											return (
-												<KanbanColumn key={colId} value={colId} className="rounded-md border border-border bg-muted/20 p-2">
-													<div className="mb-2 flex items-center gap-2 px-1">
-														<span className={cn('size-2 rounded-full', meta.tone)} aria-hidden />
-														<Heading tag="h4" className="border-0 pb-0 text-sm font-semibold">
-															{meta.title}
-														</Heading>
-														<Badge variant="secondary" className="ml-auto">
-															{features.length}
-														</Badge>
-													</div>
-													<KanbanColumnContent value={colId} className="min-h-[40px]">
-														{features.map((feature) => (
-															<KanbanItem key={feature.id} value={feature.id}>
-																<FeatureCard feature={feature} />
-															</KanbanItem>
-														))}
-													</KanbanColumnContent>
-												</KanbanColumn>
-											);
-										})}
-									</KanbanBoard>
-									<KanbanOverlay />
-								</Kanban>
-							</Col>
-		</>
-	);
-}
-`;function Q(e){let t={h4:`h4`,...e.components};return J||$(`Examples`,!1),Z||$(`Examples.RoadmapBoardWithActionsOnItemClick`,!0),(0,z.jsxs)(s,{title:`Features · Kanban`,description:"Drag-and-drop board, generic in T. Pass `itemActions` (static array or per-item factory) for the ⋮ menu, `onItemClick` for whole-card click. Headless via `useKanban`; slots: KanbanBoard / KanbanColumn / KanbanColumnContent / KanbanItem / KanbanItemHandle / KanbanItemActions / KanbanOverlay.",layer:`features`,status:`ready`,children:[(0,z.jsx)(l,{title:`Examples`,id:`examples`,children:(0,z.jsx)(u,{name:`RoadmapBoardWithActionsOnItemClick`,source:ie,children:(0,z.jsx)(Z,{})})}),(0,z.jsxs)(l,{title:`API`,id:`api`,children:[(0,z.jsx)(t.h4,{children:`Kanban`}),(0,z.jsx)(v,{component:`Kanban`}),(0,z.jsx)(t.h4,{children:`KanbanBoard`}),(0,z.jsx)(v,{component:`KanbanBoard`}),(0,z.jsx)(t.h4,{children:`KanbanColumn`}),(0,z.jsx)(v,{component:`KanbanColumn`}),(0,z.jsx)(t.h4,{children:`KanbanColumnContent`}),(0,z.jsx)(v,{component:`KanbanColumnContent`}),(0,z.jsx)(t.h4,{children:`KanbanItem`}),(0,z.jsx)(v,{component:`KanbanItem`}),(0,z.jsx)(t.h4,{children:`KanbanItemActions`}),(0,z.jsx)(v,{component:`KanbanItemActions`}),(0,z.jsx)(t.h4,{children:`KanbanOverlay`}),(0,z.jsx)(v,{component:`KanbanOverlay`})]})]})}function ae(e={}){let{wrapper:t}=e.components||{};return t?(0,z.jsx)(t,{...e,children:(0,z.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ae as default};

package/dist/showcase/assets/label-BmKD22pm.js

@@ -1 +0,0 @@
-import{Ir as e,Tr as t}from"./example-C6-_Sy6B.js";import{a as n}from"./index-B8DVXCmf.js";var r=n(),i={xs:`text-xs`,sm:`text-sm`,base:`text-base`};function a(e,t){return e??t??`sm`}function o({content:n,className:o=``,children:s,size:c,...l}){let{defaultLabelSize:u}=e(),d=a(c,u);return(0,r.jsx)(`label`,{...l,"data-typography":`label`,className:t(`font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,i[d],o),children:s||n})}o.displayName=`Label`;export{o as t};