@mizen-labs/ui 0.0.0-stage → 0.1.0

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,34 @@
+import { Dialog as BaseDialog, type DialogCloseProps as BaseDialogCloseProps, type DialogDescriptionProps as BaseDialogDescriptionProps, type DialogPopupProps as BaseDialogPopupProps, type DialogPortalProps as BaseDialogPortalProps, type DialogRootProps as BaseDialogRootProps, type DialogTitleProps as BaseDialogTitleProps, type DialogTriggerProps as BaseDialogTriggerProps } from "@base-ui/react/dialog";
+import type { ComponentPropsWithRef } from "react";
+type Closed<T> = Omit<T, "className" | "style">;
+type DivProps = Omit<ComponentPropsWithRef<"div">, "className" | "style">;
+type DialogTriggerRef = ComponentPropsWithRef<typeof BaseDialog.Trigger>["ref"];
+type DialogPopupRef = ComponentPropsWithRef<typeof BaseDialog.Popup>["ref"];
+export type DialogSize = "sm" | "md" | "lg" | "xl";
+export type DialogProps<Payload = unknown> = BaseDialogRootProps<Payload>;
+export type DialogTriggerProps<Payload = unknown> = Omit<BaseDialogTriggerProps<Payload>, "className" | "ref" | "style"> & {
+    ref?: DialogTriggerRef;
+};
+export type DialogPopupProps = Omit<BaseDialogPopupProps, "className" | "ref" | "render" | "style"> & {
+    portalProps?: Omit<BaseDialogPortalProps, "children" | "className" | "ref" | "render" | "style">;
+    ref?: DialogPopupRef;
+    showCloseButton?: boolean;
+    size?: DialogSize;
+};
+export type DialogTitleProps = Closed<BaseDialogTitleProps>;
+export type DialogDescriptionProps = Closed<BaseDialogDescriptionProps>;
+export type DialogCloseProps = Omit<BaseDialogCloseProps, "className" | "style">;
+export type DialogHeaderProps = DivProps;
+export type DialogPanelProps = DivProps;
+export type DialogFooterProps = DivProps;
+export declare const DialogCreateHandle: typeof BaseDialog.createHandle;
+export declare function Dialog<Payload = unknown>(rootProps: DialogProps<Payload>): import("react").JSX.Element;
+export declare function DialogTrigger<Payload = unknown>({ ref: forwardedRef, render, type, ...rest }: DialogTriggerProps<Payload>): import("react").JSX.Element;
+export declare function DialogPopup({ children, portalProps, ref: forwardedRef, showCloseButton, size, ...rest }: DialogPopupProps): import("react").JSX.Element;
+export declare function DialogTitle({ children, ref: forwardedRef, ...rest }: DialogTitleProps): import("react").JSX.Element;
+export declare function DialogDescription({ children, ref: forwardedRef, ...rest }: DialogDescriptionProps): import("react").JSX.Element;
+export declare function DialogClose({ ref: forwardedRef, render, type, ...rest }: DialogCloseProps): import("react").JSX.Element;
+export declare function DialogHeader({ children, ref: forwardedRef, ...rest }: DialogHeaderProps): import("react").JSX.Element;
+export declare function DialogPanel({ children, ref: forwardedRef, ...rest }: DialogPanelProps): import("react").JSX.Element;
+export declare function DialogFooter({ children, ref: forwardedRef, ...rest }: DialogFooterProps): import("react").JSX.Element;
+export {};

package/dist/components/dialog/dialog.js

@@ -0,0 +1 @@
+"use client";import{Dialog as BaseDialog}from"@base-ui/react/dialog";import{props}from"@stylexjs/stylex";import{IconX}from"../../icons";import{overlayLayerStyles}from"../../styles/overlay-layers.styles";import{dialogStyles}from"./dialog.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const sizeStyles={lg:dialogStyles.popupLg,md:dialogStyles.popupMd,sm:dialogStyles.popupSm,xl:dialogStyles.popupXl};function CloseIcon(){return/*#__PURE__*/_jsx(IconX,{"aria-hidden":"true",focusable:"false",size:"16"});}export const DialogCreateHandle=BaseDialog.createHandle;export function Dialog(rootProps){return/*#__PURE__*/_jsx(BaseDialog.Root,{...rootProps});}export function DialogTrigger({ref:forwardedRef=undefined,render,type,...rest}){return/*#__PURE__*/_jsx(BaseDialog.Trigger,{...rest,ref:forwardedRef,render:render,type:render?type:type??"button"});}export function DialogPopup({children,portalProps,ref:forwardedRef=undefined,showCloseButton=true,size="md",...rest}){return/*#__PURE__*/_jsxs(BaseDialog.Portal,{...portalProps,...props(overlayLayerStyles.modalPortal),children:[/*#__PURE__*/_jsx(BaseDialog.Backdrop,{"data-slot":"dialog-backdrop",...props(dialogStyles.backdrop,overlayLayerStyles.backdrop)}),/*#__PURE__*/_jsx(BaseDialog.Viewport,{"data-slot":"dialog-viewport",...props(dialogStyles.viewport,overlayLayerStyles.modalViewport),children:/*#__PURE__*/_jsxs(BaseDialog.Popup,{...rest,"data-slot":"dialog-popup",ref:forwardedRef,...props(dialogStyles.popup,sizeStyles[size]),children:[showCloseButton?/*#__PURE__*/_jsx(BaseDialog.Close,{"aria-label":"Close","data-slot":"dialog-default-close",...props(dialogStyles.close),children:/*#__PURE__*/_jsx(CloseIcon,{})}):null,children]})})]});}export function DialogTitle({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseDialog.Title,{...rest,ref:forwardedRef,...props(dialogStyles.title),children:children});}export function DialogDescription({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseDialog.Description,{...rest,ref:forwardedRef,...props(dialogStyles.description),children:children});}export function DialogClose({ref:forwardedRef,render,type,...rest}){return/*#__PURE__*/_jsx(BaseDialog.Close,{...rest,ref:forwardedRef,render:render,type:render?type:type??"button"});}export function DialogHeader({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"dialog-header",ref:forwardedRef,...props(dialogStyles.header),children:children});}export function DialogPanel({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"dialog-panel",ref:forwardedRef,...props(dialogStyles.panel),children:children});}export function DialogFooter({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"dialog-footer",ref:forwardedRef,...props(dialogStyles.footer),children:children});}

package/dist/components/dialog/dialog.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/interaction.stylex";import{borderWidth,focus,focusMotion}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shadows.stylex";import{shadows}from"../../styles/shadows.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,letterSpacing,lineHeight}from"../../styles/typography.stylex";export const dialogStyles={backdrop:{kWkggS:"xwthsal",kpwlN0:"x10a8y8t",kSiTet:"xiyypsa x1hw7zpd x1hc1fzr",kVAEAm:"xixxii4",kIyJzY:"x1e471i8 x107nfut x18kz1lc",k1ekBW:"x19991ni",kAMwcw:"x11e8gdr",kY2c9j:"xa9119d",$$css:true},close:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"xvu2fiv x12ribo7 xjbqb8w",kT0f0o:"x1hia2b7",kVL7Gh:"x1dz734k",kfmiAY:"x2dv6dr",krdFHd:"xn5rixj",ksu8eU:"xng3xce",kMzoRj:"xc342km",kMwMTN:"x14tvo57",kkrTdU:"x1s07b3s x1j1ks5o x1ypdohk",k1xSpc:"x3nfvp2",kZKoxP:"xettwda",k87sOh:"x12ooe82",kt4wiu:"x1l8zot0",kjj79g:"xl56j7k",kI3sdo:"x1a2a7pz",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1wfwxd8",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"xm9seqh x1k57tk5",kmVPX3:"x1717udv",kVAEAm:"x10l6tqk",k3aq6I:"x18ego0i xwwwllw x5ulwjr x1c071of",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"xuo13n2",kAMwcw:"xvhdtae",kzqmXN:"xs5h3dt",$$css:true},description:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",k63SB2:"x1lo1l87",kLWn49:"x2xzzt7",kqGvvJ:"x10im51j",kHjlTd:"xj0a0fe",kN2L0X:"x1fzhlzt",$$css:true},footer:{kGNEyG:"x6s0dn4",kWkggS:"xu84zt7",kLZC3w:"xcadu6e",kPef9Z:"x13fuv20",kEafiO:"x1vfp6xi",k1xSpc:"x78zum5",kmuXW:"x2lah0s",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",kjj79g:"x13a6bvl",k8WAf4:"x7bohs8",kg3NbH:"xaqi9fd",$$css:true},header:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",kAzted:"x2lwn1j",kORKVm:"x1odjw0f",kGO01o:"x1i17mcb",kLKAdn:"xrm89jq",kg3NbH:"x9qdlnn",kwRFfy:"x521ovy",$$css:true},panel:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",kAzted:"x2lwn1j",kORKVm:"x1odjw0f",kZeWKH:"xish69e",k8WAf4:"x7bohs8",kLKAdn:"xrj5bvy x1acq3q9",kg3NbH:"x9qdlnn",$$css:true},popup:{kWkggS:"xui3q9s",kVAM5u:"x1l55r2k x155xxfk",kT0f0o:"x3dbire",kVL7Gh:"xqo3ow1",kfmiAY:"x1arab8j",krdFHd:"x1ig4fz6",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1mhlhek",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kskxy:"x1g15ey4",kSiTet:"xiyypsa x1qejxb x1hw7zpd x1hc1fzr",kVQacm:"xb3r6kr",kVAEAm:"x1n2onr6",k3aq6I:"xrtepng xvepcnx x1c071of",kIyJzY:"x1e471i8 x107nfut xmhz0v7 x18kz1lc",k1ekBW:"x6o7n8i",kAMwcw:"xckl9o1 xvhdtae",kzqmXN:"xjdehy0",$$css:true},popupLg:{ks0D6T:"x1jb01v5",$$css:true},popupMd:{ks0D6T:"x6ymgno",$$css:true},popupSm:{ks0D6T:"xowlazn",$$css:true},popupXl:{ks0D6T:"x14i9o60",$$css:true},title:{kMwMTN:"x14tvo57",kGuDYH:"x1d88w5i",k63SB2:"xlw70nr",kb6lSQ:"x1urmmxc",kLWn49:"x1f0yedn",kqGvvJ:"x10im51j",kHjlTd:"xj0a0fe",kN2L0X:"x1w2vvpw",$$css:true},viewport:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kZKoxP:"x5yr21d",k87sOh:"x13vifvy",kLqNvP:"x1o0tod",kjj79g:"xl56j7k",kORKVm:"x1odjw0f",kZeWKH:"xish69e",kGO01o:"x1nwpbex",kLKAdn:"xd6jdgm",kwRFfy:"x1ls4k5j",kZCmMZ:"x6kggc0",kVAEAm:"xixxii4",kzqmXN:"xh8yej3",kY2c9j:"xfa8aoj",$$css:true}};

package/dist/components/distribution/distribution.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type ChartSeriesTone } from "../chart-frame/chart-colors";
+export type DistributionProps = Omit<Closed<ComponentPropsWithRef<"div">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-description"?: string;
+    "aria-label": string;
+    binCount?: number;
+    domain: readonly [number, number];
+    formatAxisValue?: (value: number) => string;
+    formatValue?: (value: number) => string;
+    locale?: string;
+    seriesLabel: string;
+    tone?: ChartSeriesTone;
+    values: readonly number[];
+};
+export declare function Distribution({ "aria-description": ariaDescription, "aria-label": ariaLabel, binCount, domain, formatValue, formatAxisValue, locale, ref: forwardedRef, seriesLabel, tone, values: inputValues, ...rest }: DistributionProps): import("react").JSX.Element;

package/dist/components/distribution/distribution.js

@@ -0,0 +1,6 @@
+"use client";import{props}from"@stylexjs/stylex";import{crosshair,defineChart,rect}from"@tanstack/charts";import{scaleLinear}from"@tanstack/charts/scales/linear";import{tooltip as tooltipFeature}from"@tanstack/charts/tooltip";import{binX}from"@tanstack/charts/transform/bin";import{useMemo}from"react";import{typeRoles}from"../../styles/typography.styles";import{chartColors}from"../chart-frame/chart-colors";import{ChartFrame}from"../chart-frame/chart-frame";import{ChartLegend}from"../chart-legend/chart-legend";import{ChartTooltip}from"../chart-tooltip/chart-tooltip";import{distributionStyles}from"./distribution.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function assertDomain(domain){if(!Array.isArray(domain)||domain.length!==2||!domain.every(Number.isFinite)||domain[0]>=domain[1]||!Number.isFinite(domain[1]-domain[0])){throw new RangeError("Distribution domain must be a finite increasing range.");}}function assertFormatters(formatValue,formatAxisValue){for(const[name,formatter]of Object.entries({formatAxisValue,formatValue})){if(formatter!==undefined&&typeof formatter!=="function"){throw new TypeError(`Distribution ${name} must be a function.`);}}}function assertValues(values,domain){if(!Array.isArray(values)){throw new TypeError("Distribution values must be an array.");}const[minimum,maximum]=domain;for(const value of values){if(typeof value!=="number"||!Number.isFinite(value)){throw new RangeError("Distribution values must be finite numbers.");}if(value<minimum||value>maximum){throw new RangeError("Distribution values must fall within the domain.");}}}function makeBoundaries(domain,binCount){if(!Number.isSafeInteger(binCount)||binCount<=0){throw new RangeError("Distribution binCount must be a positive safe integer.");}const[minimum,maximum]=domain;const width=maximum-minimum;if(minimum+width/binCount===minimum){throw new RangeError("Distribution domain is too narrow for the requested binCount.");}const boundaries=Array.from({length:binCount+1},(_,index)=>{if(index===0){return minimum;}if(index===binCount){return maximum;}return minimum+width*(index/binCount);});if(boundaries.some((edge,index)=>index>0&&(!Number.isFinite(edge)||edge<=boundaries[index-1]))){throw new RangeError("Distribution domain is too narrow for the requested binCount.");}return boundaries;}function prepareValues(values,domain,binCount){assertDomain(domain);assertValues(values,domain);const boundaries=makeBoundaries(domain,binCount);const bins=binX(values,{domain,outputs:{count:{reduce:"count"}},thresholds:boundaries,value:value=>value});return bins.map(({count,x1,x2})=>({count,x1,x2}));}function formatNumber(value,formatter,numberFormat,formatterName="formatValue"){const formatted=formatter?formatter(value):numberFormat.format(value);if(typeof formatted!=="string"){throw new TypeError(`Distribution ${formatterName} must return a string.`);}return formatted;}function renderTooltip(context,seriesLabel,tone,formatStart,format,countFormat){const point=context.primaryPoint??context.points[0];if(!point){return null;}const bin=point.datum;// A plain range such as "10–20 min": the start uses the axis format, so a
+// unit in the value format appears once.
+const interval=`${formatStart(bin.x1)}–${format(bin.x2)}`;return/*#__PURE__*/_jsx(ChartTooltip,{items:[{id:`distribution-bin-${bin.x1}`,label:seriesLabel,tone,value:countFormat.format(bin.count)}],label:interval});}function DistributionChart({"aria-description":ariaDescription,"aria-label":ariaLabel,bins,domain,formatAxisValue,formatValue,locale,seriesLabel,tone}){const numberFormat=useMemo(()=>new Intl.NumberFormat(locale,{maximumSignificantDigits:21}),[locale]);const format=useMemo(()=>value=>formatNumber(value,formatValue,numberFormat),[formatValue,numberFormat]);const formatStart=useMemo(()=>formatAxisValue?value=>formatNumber(value,formatAxisValue,numberFormat,"formatAxisValue"):format,[format,formatAxisValue,numberFormat]);const countFormat=useMemo(()=>new Intl.NumberFormat(locale,{maximumFractionDigits:0}),[locale]);const definition=useMemo(()=>{const maximumCount=bins.reduce((maximum,{count})=>Math.max(maximum,count),0);const countStep=Math.max(1,Math.ceil(maximumCount/4));const countTicks=Array.from({length:Math.floor(maximumCount/countStep)+1},(_,index)=>index*countStep);if(countTicks.at(-1)!==maximumCount){countTicks.push(maximumCount);}return defineChart({marks:[rect(bins,{fill:chartColors[tone],fillOpacity:0.82,id:"distribution-bars",inset:1.25,key:({x1,x2})=>`${x1}:${x2}`,radius:2,x1:"x1",x2:"x2",y1:()=>0,y2:"count"}),// One ring on the focused bin, drawn over the bars like Chart Frame's ring.
+crosshair({marker:{fill:"var(--ts-chart-focus-fill, Canvas)",radius:5,stroke:chartColors[tone],strokeWidth:2.5},x:false,y:false})],scales:{x:{axis:{ticks:{count:5,format:value=>formatNumber(value,formatAxisValue??formatValue,numberFormat,formatAxisValue?"formatAxisValue":"formatValue")}},scale:scaleLinear().domain(domain)},y:{axis:{ticks:{format:value=>countFormat.format(value),values:countTicks}},grid:true,scale:scaleLinear().domain([0,maximumCount])}}},{focus:"group-x",// The default layer rings every bin of an interval mark at once, so
+// the crosshair marker above rings only the focused one.
+focusRing:false,tooltip:tooltipFeature});},[bins,countFormat,domain,formatAxisValue,formatValue,numberFormat,tone]);const renderTooltipBody=useMemo(()=>context=>renderTooltip(context,seriesLabel,tone,formatStart,format,countFormat),[countFormat,format,formatStart,seriesLabel,tone]);return/*#__PURE__*/_jsxs("div",{"data-slot":"distribution-chart",children:[/*#__PURE__*/_jsx(ChartFrame,{"aria-description":ariaDescription,"aria-label":ariaLabel,definition:definition,height:264,renderTooltipBody:renderTooltipBody,tabIndex:0}),/*#__PURE__*/_jsx("div",{"data-slot":"distribution-legend",...props(distributionStyles.legend),children:/*#__PURE__*/_jsx(ChartLegend,{"aria-label":`${seriesLabel} series`,items:[{id:"distribution-series",label:seriesLabel,tone}]})})]});}function assertOptions(ariaLabel,seriesLabel,formatValue,formatAxisValue,locale,tone){if(typeof ariaLabel!=="string"||typeof seriesLabel!=="string"||!ariaLabel.trim()||!seriesLabel.trim()){throw new TypeError("Distribution requires non-empty aria-label and seriesLabel values.");}assertFormatters(formatValue,formatAxisValue);if(typeof locale!=="string"||!locale.trim()){throw new TypeError("Distribution locale must be a non-empty string.");}if(!Object.hasOwn(chartColors,tone)){throw new RangeError("Distribution tone is not supported.");}new Intl.NumberFormat(locale).format(0);}export function Distribution({"aria-description":ariaDescription,"aria-label":ariaLabel,binCount=8,domain,formatValue,formatAxisValue,locale="en-US",ref:forwardedRef,seriesLabel,tone="series1",values:inputValues,...rest}){assertOptions(ariaLabel,seriesLabel,formatValue,formatAxisValue,locale,tone);const bins=useMemo(()=>prepareValues(inputValues,domain,binCount),[binCount,domain,inputValues]);for(const name of["aria-label","children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"distribution",ref:forwardedRef,...props(distributionStyles.root),children:inputValues.length===0?/*#__PURE__*/_jsx("p",{"aria-label":ariaLabel,role:"status",...props(typeRoles.body,distributionStyles.empty),children:"No observations available."}):/*#__PURE__*/_jsx(DistributionChart,{"aria-description":ariaDescription,"aria-label":ariaLabel,bins:bins,domain:domain,formatAxisValue:formatAxisValue,formatValue:formatValue,locale:locale,seriesLabel:seriesLabel,tone:tone})});}

package/dist/components/distribution/distribution.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";export const distributionStyles={empty:{kqGvvJ:"x10im51j",$$css:true},legend:{keoZOQ:"x1fynrwi",$$css:true},root:{k7Eaqz:"xeuugli",$$css:true}};

package/dist/components/drawer/drawer-affordance.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";export const drawerAffordanceStyles={bar:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kjj79g:"xl56j7k",kfzvcC:"x67bb7w",kVAEAm:"x10l6tqk",kFalU9:"x5ve5x3",kY2c9j:"xhtitgo",$$css:true},bar_bottom:{k87sOh:"x13vifvy",$$css:true},bar_left:{kt4wiu:"xtijo5x",$$css:true},bar_right:{kLqNvP:"x1o0tod",$$css:true},bar_top:{krVfgx:"x1ey2m1c",$$css:true},barHandle:{kWkggS:"xcmsz27",kT0f0o:"x14h6bio",kVL7Gh:"x1r18r8a",kfmiAY:"x3q61c4",krdFHd:"x1p0g4lk",$$css:true},barHandleHorizontal:{kZKoxP:"x1pizb70",kzqmXN:"xttl3oo",$$css:true},barHandleVertical:{kZKoxP:"x16wp3ig",kzqmXN:"x188tqju",$$css:true},barHorizontal:{kYYq5F:"x10no89f",kg3NbH:"xb5xqfq",kzqmXN:"xp8d6y2",$$css:true},barVertical:{kZKoxP:"xam5rvr",kkqhue:"x17y0mx6",k8WAf4:"x391bbb",$$css:true}};export const drawerBarPositionStyles={bottom:drawerAffordanceStyles.bar_bottom,left:drawerAffordanceStyles.bar_left,right:drawerAffordanceStyles.bar_right,top:drawerAffordanceStyles.bar_top};

package/dist/components/drawer/drawer-bar.js

@@ -0,0 +1 @@
+"use client";import{mergeProps}from"@base-ui/react/merge-props";import{useRender}from"@base-ui/react/use-render";import{props}from"@stylexjs/stylex";import{useContext}from"react";import{DrawerContext}from"./drawer.context";import{drawerAffordanceStyles,drawerBarPositionStyles}from"./drawer-affordance.styles";import{jsx as _jsx}from"react/jsx-runtime";export function DrawerBar({ref,render,position:positionProp,...rest}){const{position:contextPosition}=useContext(DrawerContext);const position=positionProp??contextPosition;const horizontal=position==="left"||position==="right";return useRender({defaultTagName:"div",props:mergeProps({"aria-hidden":true,"data-slot":"drawer-bar",...props(drawerAffordanceStyles.bar,horizontal?drawerAffordanceStyles.barHorizontal:drawerAffordanceStyles.barVertical,drawerBarPositionStyles[position]),children:/*#__PURE__*/_jsx("div",{...props(drawerAffordanceStyles.barHandle,horizontal?drawerAffordanceStyles.barHandleHorizontal:drawerAffordanceStyles.barHandleVertical)})},rest),ref,render});}

package/dist/components/drawer/drawer-content.js

@@ -0,0 +1 @@
+"use client";import{Drawer as BaseDrawer}from"@base-ui/react/drawer";import{props}from"@stylexjs/stylex";import{drawerStyles}from"./drawer.styles";import{jsx as _jsx}from"react/jsx-runtime";export function DrawerContent({children,ref,render,...rest}){return/*#__PURE__*/_jsx(BaseDrawer.Content,{...rest,"data-slot":"drawer-content",ref:ref,render:render,...props(drawerStyles.content),children:children});}

package/dist/components/drawer/drawer-layout.js

@@ -0,0 +1 @@
+"use client";import{Drawer as BaseDrawer}from"@base-ui/react/drawer";import{mergeProps}from"@base-ui/react/merge-props";import{useRender}from"@base-ui/react/use-render";import{props}from"@stylexjs/stylex";import{useContext}from"react";import{protectRenderSlot as protectSlot}from"../../render-utils";import{ScrollArea}from"../scroll-area/scroll-area";import{DrawerContext}from"./drawer.context";import{drawerStyles}from"./drawer.styles";import{jsx as _jsx}from"react/jsx-runtime";export function DrawerHeader({allowSelection=false,children,ref:forwardedRef,render,...rest}){const{showCloseButton}=useContext(DrawerContext);const protectedRender=protectSlot("drawer-header",render);return useRender({defaultTagName:"div",props:mergeProps({children,...props(drawerStyles.header,showCloseButton?drawerStyles.headerWithClose:null,allowSelection?null:drawerStyles.noSelection),"data-slot":"drawer-header"},rest),ref:forwardedRef,render:allowSelection?/*#__PURE__*/_jsx(BaseDrawer.Content,{render:protectedRender}):protectedRender});}export function DrawerPanel({allowSelection=true,children,ref:forwardedRef,render,scrollFade=true,scrollable=true,...rest}){const protectedRender=protectSlot("drawer-panel",render);const panel=useRender({defaultTagName:"div",props:mergeProps({children,...props(drawerStyles.panel,allowSelection?null:drawerStyles.noSelection),"data-slot":"drawer-panel"},rest),ref:forwardedRef,render:allowSelection?/*#__PURE__*/_jsx(BaseDrawer.Content,{render:protectedRender}):protectedRender});if(scrollable){return/*#__PURE__*/_jsx(ScrollArea,{fill:true,overscrollContain:true,render:/*#__PURE__*/_jsx("div",{...props(drawerStyles.scrollArea)}),scrollFade:scrollFade,children:panel});}return panel;}export function DrawerFooter({allowSelection=true,children,ref:forwardedRef,render,variant="default",...rest}){const protectedRender=protectSlot("drawer-footer",render);return useRender({defaultTagName:"div",props:mergeProps({children,...props(drawerStyles.footer,variant==="bare"?drawerStyles.footerBare:null,allowSelection?null:drawerStyles.noSelection),"data-slot":"drawer-footer"},rest),ref:forwardedRef,render:allowSelection?/*#__PURE__*/_jsx(BaseDrawer.Content,{render:protectedRender}):protectedRender});}

package/dist/components/drawer/drawer-menu.d.ts

@@ -0,0 +1,30 @@
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Drawer as BaseDrawer } from "@base-ui/react/drawer";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { useRender } from "@base-ui/react/use-render";
+import type { Closed } from "../../closed";
+export type DrawerMenuProps = Closed<useRender.ComponentProps<"nav">>;
+export type DrawerMenuItemProps = Closed<useRender.ComponentProps<"button"> & {
+    variant?: "default" | "destructive";
+}>;
+export type DrawerMenuSeparatorProps = Closed<useRender.ComponentProps<"div">>;
+export type DrawerMenuGroupProps = Closed<useRender.ComponentProps<"div">>;
+export type DrawerMenuGroupLabelProps = Closed<useRender.ComponentProps<"div">>;
+export type DrawerMenuTriggerProps<Payload = unknown> = Closed<BaseDrawer.Trigger.Props<Payload>>;
+export type DrawerMenuCheckboxItemProps = Closed<Checkbox.Root.Props & {
+    variant?: "default" | "switch";
+}>;
+export type DrawerMenuRadioGroupProps = Closed<RadioGroup.Props>;
+export type DrawerMenuRadioItemProps = Closed<Radio.Root.Props & {
+    value: string;
+}>;
+export declare function DrawerMenu({ render, ref, ...rest }: DrawerMenuProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function DrawerMenuItem({ render, ref, children, variant, ...rest }: DrawerMenuItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function DrawerMenuSeparator({ render, ref, ...rest }: DrawerMenuSeparatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function DrawerMenuGroup({ render, ref, ...rest }: DrawerMenuGroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function DrawerMenuGroupLabel({ render, ref, ...rest }: DrawerMenuGroupLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function DrawerMenuTrigger<Payload = unknown>({ children, ...rest }: DrawerMenuTriggerProps<Payload>): import("react").JSX.Element;
+export declare function DrawerMenuCheckboxItem({ children, variant, ...rest }: DrawerMenuCheckboxItemProps): import("react").JSX.Element;
+export declare function DrawerMenuRadioGroup({ ...rest }: DrawerMenuRadioGroupProps): import("react").JSX.Element;
+export declare function DrawerMenuRadioItem({ children, ...rest }: DrawerMenuRadioItemProps): import("react").JSX.Element;

package/dist/components/drawer/drawer-menu.js

@@ -0,0 +1 @@
+"use client";import{Checkbox}from"@base-ui/react/checkbox";import{Drawer as BaseDrawer}from"@base-ui/react/drawer";import{mergeProps}from"@base-ui/react/merge-props";import{Radio}from"@base-ui/react/radio";import{RadioGroup}from"@base-ui/react/radio-group";import{useRender}from"@base-ui/react/use-render";import{props}from"@stylexjs/stylex";import{controlLabel}from"../../control-label";import{IconCheck,IconChevronRight}from"../../icons";import{menuStyles}from"../menu/menu.styles";import{drawerMenuStyles}from"./drawer-menu.styles";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export function DrawerMenu({render,ref,...rest}){return useRender({defaultTagName:"nav",props:mergeProps(props(menuStyles.group),rest,{"data-slot":"drawer-menu"}),ref,render});}export function DrawerMenuItem({render,ref,children,variant="default",...rest}){return useRender({defaultTagName:"button",props:mergeProps({type:"button",...props(menuStyles.item,drawerMenuStyles.item,variant==="destructive"?menuStyles.itemDestructive:menuStyles.itemDefault)},rest,{children:controlLabel(children),"data-slot":"drawer-menu-item","data-variant":variant}),ref,render});}export function DrawerMenuSeparator({render,ref,...rest}){return useRender({defaultTagName:"div",props:mergeProps({...props(menuStyles.separator),role:"separator"},rest,{"data-slot":"drawer-menu-separator"}),ref,render});}export function DrawerMenuGroup({render,ref,...rest}){return useRender({defaultTagName:"div",props:mergeProps(props(menuStyles.group),rest,{"data-slot":"drawer-menu-group"}),ref,render});}export function DrawerMenuGroupLabel({render,ref,...rest}){return useRender({defaultTagName:"div",props:mergeProps(props(menuStyles.groupLabel),rest,{"data-slot":"drawer-menu-group-label"}),ref,render});}export function DrawerMenuTrigger({children,...rest}){return/*#__PURE__*/_jsxs(BaseDrawer.Trigger,{...rest,"data-slot":"drawer-menu-trigger",...props(menuStyles.item,menuStyles.itemDefault,drawerMenuStyles.item),children:[controlLabel(children),/*#__PURE__*/_jsx(IconChevronRight,{"aria-hidden":"true",...props(menuStyles.chevron)})]});}export function DrawerMenuCheckboxItem({children,variant="default",...rest}){return/*#__PURE__*/_jsx(Checkbox.Root,{...rest,"data-slot":"drawer-menu-checkbox-item",...props(menuStyles.item,menuStyles.itemDefault,drawerMenuStyles.item),children:variant==="switch"?/*#__PURE__*/_jsxs(_Fragment,{children:[controlLabel(children),/*#__PURE__*/_jsx(Checkbox.Indicator,{keepMounted:true,render:renderSwitchIndicator})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Checkbox.Indicator,{keepMounted:true,...props(menuStyles.indicator),children:/*#__PURE__*/_jsx(IconCheck,{"aria-hidden":"true",...props(menuStyles.checkIcon)})}),controlLabel(children)]})});}export function DrawerMenuRadioGroup({...rest}){return/*#__PURE__*/_jsx(RadioGroup,{...rest,"data-slot":"drawer-menu-radio-group",...props(menuStyles.group)});}export function DrawerMenuRadioItem({children,...rest}){return/*#__PURE__*/_jsxs(Radio.Root,{...rest,"data-slot":"drawer-menu-radio-item",...props(menuStyles.item,menuStyles.itemDefault,drawerMenuStyles.item),children:[/*#__PURE__*/_jsx(Radio.Indicator,{keepMounted:true,...props(menuStyles.indicator),children:/*#__PURE__*/_jsx(IconCheck,{"aria-hidden":"true",...props(menuStyles.checkIcon)})}),controlLabel(children)]});}function renderSwitchIndicator(indicatorProps,state){return/*#__PURE__*/_jsx("span",{...indicatorProps,...props(menuStyles.switchIndicator,state.checked&&menuStyles.switchIndicatorChecked),children:/*#__PURE__*/_jsx("span",{...props(menuStyles.switchThumb,state.checked&&menuStyles.switchThumbChecked)})});}

package/dist/components/drawer/drawer-menu.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/interaction.stylex";import{borderWidth,focus,focusMotion,opacity}from"../../styles/interaction.stylex";import"../../styles/typography.stylex";import{lineHeight}from"../../styles/typography.stylex";export const drawerMenuStyles={item:{k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"xvu2fiv x12ribo7 xjbqb8w",ksu8eU:"xng3xce",kMzoRj:"xc342km",kkrTdU:"x1s07b3s x1j1ks5o x1ypdohk",kLWn49:"x1rn0pvf",kAzted:"x19wm6jj",kSiTet:"x1pymsji x1yporm9 x1hc1fzr",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x1w1ofmy",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"xm9seqh x1k57tk5",k9WMMc:"x1yc453h",kzqmXN:"xh8yej3",$$css:true}};

package/dist/components/drawer/drawer-positions.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";export const drawerPositionsStyles={popup_bottom:{"--drawer-keyboard-snap-offset":"xob16q0",kPef9Z:"x13fuv20",kEafiO:"x1vfp6xi",kfmiAY:"x1arab8j",krdFHd:"x1ig4fz6",kskxy:"x1g15ey4",kGO01o:"xdbb17",k3aq6I:"x1cmkan5 x191byhn xz6ry3l",kzqmXN:"xh8yej3",$$css:true},popup_inset:{kaIpWk:"xiwmmuw x2u8bby",ksu8eU:"x1y0btm7",kMzoRj:"x1flts0n xc342km",$$css:true},popup_left:{kT0f0o:"x3dbire",k8ry5P:"x18b5jzi",ke9TFa:"xcfvy8v",kfmiAY:"x1arab8j",kZKoxP:"x5yr21d",ks0D6T:"x193lwwl",kGO01o:"x1a148e8",k3aq6I:"xlul2ti xkfjhqt xwhx0j6",kzqmXN:"x1w1wbw6",$$css:true},popup_right:{kVL7Gh:"xqo3ow1",kVhnKS:"x1t7ytsu",k2ei4v:"x7rxzx0",krdFHd:"x1ig4fz6",kZKoxP:"x5yr21d",ks0D6T:"x193lwwl",kGO01o:"x1a148e8",k3aq6I:"x1emetlt x547a95 xwhx0j6",kzqmXN:"x1w1wbw6",$$css:true},popup_straight:{kT0f0o:"x16uus16",kVL7Gh:"xbiv7yw",kfmiAY:"x1ga7v0g",krdFHd:"x15mokao",$$css:true},popup_top:{kfdmCh:"x1q0q8m5",kt9PQ7:"x13k63ub",kT0f0o:"x3dbire",kVL7Gh:"xqo3ow1",kskxy:"x1g15ey4",k3aq6I:"xqwckeb xpuhy0g xacbhai",kzqmXN:"xh8yej3",$$css:true},swipeArea_bottom:{kZKoxP:"xettwda",krVfgx:"x1ey2m1c",kkqhue:"x17y0mx6",$$css:true},swipeArea_left:{kYYq5F:"x10no89f",kLqNvP:"x1o0tod",kzqmXN:"xs5h3dt",$$css:true},swipeArea_right:{kYYq5F:"x10no89f",kt4wiu:"xtijo5x",kzqmXN:"xs5h3dt",$$css:true},swipeArea_top:{kZKoxP:"xettwda",k87sOh:"x13vifvy",kkqhue:"x17y0mx6",$$css:true},viewport_bottom:{kGNEyG:"xuk3077",kjj79g:"x1szn6h9",$$css:true},viewport_inset:{"--drawer-viewport-inset":"x1k77brh x1mtgdp5",kmVPX3:"x1sffpdz x1717udv",$$css:true},viewport_left:{kGNEyG:"x1qjc9v5",kjj79g:"x1nhvcw1",$$css:true},viewport_right:{kGNEyG:"x1qjc9v5",kjj79g:"x13a6bvl",$$css:true},viewport_top:{kGNEyG:"x1cy8zhl",kjj79g:"x1szn6h9",$$css:true}};export const drawerViewportPositionStyles={bottom:drawerPositionsStyles.viewport_bottom,left:drawerPositionsStyles.viewport_left,right:drawerPositionsStyles.viewport_right,top:drawerPositionsStyles.viewport_top};export const drawerPopupPositionStyles={bottom:drawerPositionsStyles.popup_bottom,left:drawerPositionsStyles.popup_left,right:drawerPositionsStyles.popup_right,top:drawerPositionsStyles.popup_top};

package/dist/components/drawer/drawer.context.js

@@ -0,0 +1 @@
+import{createContext}from"react";import{IconX}from"../../icons";import{jsx as _jsx}from"react/jsx-runtime";export const DrawerContext=createContext({position:"bottom",showCloseButton:false});export const positionToSwipeDirection={bottom:"down",left:"left",right:"right",top:"up"};export function CloseIcon(){return/*#__PURE__*/_jsx(IconX,{"aria-hidden":"true",focusable:"false",size:"16"});}

package/dist/components/drawer/drawer.d.ts

@@ -0,0 +1,22 @@
+import { Drawer as BaseDrawer } from "@base-ui/react/drawer";
+import { type ReactNode } from "react";
+import type { DrawerBackdropProps, DrawerBarProps, DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerPanelProps, DrawerPopupProps, DrawerPortalProps, DrawerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerTriggerProps, DrawerViewportProps } from "./drawer.types";
+export type { DrawerBackdropProps, DrawerBarProps, DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerPanelProps, DrawerPopupProps, DrawerPortalProps, DrawerPosition, DrawerProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerTriggerProps, DrawerVariant, DrawerViewportProps, } from "./drawer.types";
+export declare const DrawerPrimitive: typeof BaseDrawer;
+export declare const DrawerCreateHandle: typeof BaseDrawer.createHandle;
+export declare const DrawerPortal: (props: DrawerPortalProps) => ReactNode;
+export declare function Drawer<Payload = unknown>({ children, position, swipeDirection, ...rest }: DrawerProps<Payload>): import("react").JSX.Element;
+export declare function DrawerTrigger<Payload = unknown>({ ref, render, type, ...rest }: DrawerTriggerProps<Payload>): import("react").JSX.Element;
+export declare function DrawerBar(barProps: DrawerBarProps): import("react").JSX.Element;
+export declare function DrawerPopup({ children, position: positionProp, closeProps, portalProps, ref, showBar, showCloseButton, variant, ...rest }: DrawerPopupProps): import("react").JSX.Element;
+export declare function DrawerBackdrop({ ...rest }: DrawerBackdropProps): import("react").JSX.Element;
+export declare function DrawerViewport({ position: positionProp, variant, ...rest }: DrawerViewportProps): import("react").JSX.Element;
+export declare function DrawerSwipeArea({ position: positionProp, ...rest }: DrawerSwipeAreaProps): import("react").JSX.Element;
+export declare function DrawerContent(contentProps: DrawerContentProps): import("react").JSX.Element;
+export declare function DrawerTitle({ children, ref, ...rest }: DrawerTitleProps): import("react").JSX.Element;
+export declare function DrawerDescription({ children, ref, ...rest }: DrawerDescriptionProps): import("react").JSX.Element;
+export declare function DrawerClose({ ref, render, type, ...rest }: DrawerCloseProps): import("react").JSX.Element;
+export declare function DrawerHeader(headerProps: DrawerHeaderProps): import("react").JSX.Element;
+export declare function DrawerPanel(panelProps: DrawerPanelProps): import("react").JSX.Element;
+export declare function DrawerFooter(footerProps: DrawerFooterProps): import("react").JSX.Element;
+export * from "./drawer-menu";

package/dist/components/drawer/drawer.js

@@ -0,0 +1,2 @@
+"use client";import{Drawer as BaseDrawer}from"@base-ui/react/drawer";import{mergeProps}from"@base-ui/react/merge-props";import{props}from"@stylexjs/stylex";import{useContext}from"react";import{overlayLayerStyles}from"../../styles/overlay-layers.styles";import{CloseIcon,DrawerContext,positionToSwipeDirection}from"./drawer.context";import{drawerStyles}from"./drawer.styles";import{DrawerBar as InnerDrawerBar}from"./drawer-bar";import{DrawerContent as BaseDrawerContent}from"./drawer-content";import{DrawerFooter as LayoutDrawerFooter,DrawerHeader as LayoutDrawerHeader,DrawerPanel as LayoutDrawerPanel}from"./drawer-layout";import{drawerPopupPositionStyles,drawerPositionsStyles,drawerViewportPositionStyles}from"./drawer-positions.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const drawerVariantStyles={default:null,inset:drawerPositionsStyles.popup_inset,straight:drawerPositionsStyles.popup_straight};export const DrawerPrimitive=BaseDrawer;export const DrawerCreateHandle=BaseDrawer.createHandle;export const DrawerPortal=BaseDrawer.Portal;export function Drawer({children,position="bottom",swipeDirection,...rest}){return/*#__PURE__*/_jsx(DrawerContext.Provider,{value:{position},children:/*#__PURE__*/_jsx(BaseDrawer.Root,{...rest,swipeDirection:swipeDirection??positionToSwipeDirection[position],children:children})});}export function DrawerTrigger({ref,render,type,...rest}){return/*#__PURE__*/_jsx(BaseDrawer.Trigger,{...rest,"data-slot":"drawer-trigger",ref:ref,render:render,type:render?type:type??"button"});}export function DrawerBar(barProps){return/*#__PURE__*/_jsx(InnerDrawerBar,{...barProps});}export function DrawerPopup({children,position:positionProp,closeProps,portalProps,ref,showBar=false,showCloseButton=false,variant="default",...rest}){const{position:contextPosition}=useContext(DrawerContext);const position=positionProp??contextPosition;const popup=/*#__PURE__*/_jsx(DrawerContext.Provider,{value:{position,showCloseButton},children:/*#__PURE__*/_jsxs(BaseDrawer.Portal,{...mergeProps(props(overlayLayerStyles.modalPortal),portalProps),children:[/*#__PURE__*/_jsx(DrawerBackdrop,{}),/*#__PURE__*/_jsx(DrawerViewport,{position:position,variant:variant,children:/*#__PURE__*/_jsxs(BaseDrawer.Popup,{...rest,"data-slot":"drawer-popup",ref:ref,...props(drawerStyles.popup,drawerPopupPositionStyles[position],drawerVariantStyles[variant]),children:[showBar?/*#__PURE__*/_jsx(DrawerBar,{}):null,showCloseButton?/*#__PURE__*/_jsx(BaseDrawer.Close,{"aria-label":"Close",...closeProps,"data-slot":"drawer-default-close",...props(drawerStyles.close),children:/*#__PURE__*/_jsx(CloseIcon,{})}):null,children]})})]})});return position==="bottom"?/*#__PURE__*/_jsx(BaseDrawer.VirtualKeyboardProvider,{children:popup}):popup;}export function DrawerBackdrop({...rest}){return/*#__PURE__*/_jsx(BaseDrawer.Backdrop,{...rest,"data-slot":"drawer-backdrop",...props(drawerStyles.backdrop,overlayLayerStyles.backdrop)});}export function DrawerViewport({position:positionProp,variant="default",...rest}){const{position:contextPosition}=useContext(DrawerContext);const position=positionProp??contextPosition;return/*#__PURE__*/_jsx(BaseDrawer.Viewport,{...rest,"data-slot":"drawer-viewport",...props(drawerStyles.viewport,drawerViewportPositionStyles[position],variant==="inset"?drawerPositionsStyles.viewport_inset:null)});}export function DrawerSwipeArea({position:positionProp,...rest}){const{position:contextPosition}=useContext(DrawerContext);const position=positionProp??contextPosition;return/*#__PURE__*/_jsx(BaseDrawer.SwipeArea,{...rest,"data-slot":"drawer-swipe-area",...props(drawerStyles.swipeArea,drawerPositionsStyles[`swipeArea_${position}`])});}export function DrawerContent(contentProps){return/*#__PURE__*/_jsx(BaseDrawerContent,{...contentProps});}export function DrawerTitle({children,ref,...rest}){return/*#__PURE__*/_jsx(BaseDrawer.Title,{...rest,"data-slot":"drawer-title",ref:ref,...props(drawerStyles.title),children:children});}export function DrawerDescription({children,ref,...rest}){return/*#__PURE__*/_jsx(BaseDrawer.Description,{...rest,"data-slot":"drawer-description",ref:ref,...props(drawerStyles.description),children:children});}export function DrawerClose({ref,render,type,...rest}){return/*#__PURE__*/_jsx(BaseDrawer.Close,{...rest,"data-slot":"drawer-close",ref:ref,render:render,type:render?type:type??"button"});}export function DrawerHeader(headerProps){return/*#__PURE__*/_jsx(LayoutDrawerHeader,{...headerProps});}export function DrawerPanel(panelProps){return/*#__PURE__*/_jsx(LayoutDrawerPanel,{...panelProps});}export function DrawerFooter(footerProps){return/*#__PURE__*/_jsx(LayoutDrawerFooter,{...footerProps});}// biome-ignore lint/performance/noBarrelFile: The public drawer subpath exposes its menu parts.
+export*from"./drawer-menu";

package/dist/components/drawer/drawer.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/interaction.stylex";import{borderWidth,focus,focusMotion,opacity}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shadows.stylex";import{shadows}from"../../styles/shadows.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,letterSpacing,lineHeight}from"../../styles/typography.stylex";export const drawerStyles={backdrop:{kWkggS:"xwthsal",kpwlN0:"x10a8y8t",kSiTet:"xiyypsa x1hw7zpd x6u05ig",kVAEAm:"xixxii4",kIyJzY:"x1e471i8 x107nfut x2rlwpt x18kz1lc",k1ekBW:"x19991ni",kAMwcw:"x11e8gdr",kY2c9j:"xa9119d",$$css:true},close:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kWkggS:"xvu2fiv x12ribo7 xjbqb8w",kT0f0o:"x1hia2b7",kVL7Gh:"x1dz734k",kfmiAY:"x2dv6dr",krdFHd:"xn5rixj",ksu8eU:"xng3xce",kMzoRj:"xc342km",kMwMTN:"x14tvo57",kkrTdU:"x1s07b3s x1j1ks5o x1ypdohk",k1xSpc:"x3nfvp2",kZKoxP:"xettwda",k87sOh:"x1bvznid",kt4wiu:"x14j4bd7",kjj79g:"xl56j7k",kSiTet:"x1pymsji x1yporm9 x1hc1fzr",kI3sdo:"x1a2a7pz",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1wfwxd8",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"xm9seqh x1k57tk5",kmVPX3:"x1717udv",kVAEAm:"x10l6tqk",k3aq6I:"x18ego0i xwwwllw x5ulwjr x1c071of",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"xuo13n2",kAMwcw:"xvhdtae",kzqmXN:"xs5h3dt",kY2c9j:"x1vjfegm",$$css:true},content:{kB7OPa:"x9f619",$$css:true},description:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",k63SB2:"x1lo1l87",kLWn49:"x2xzzt7",kqGvvJ:"x10im51j",kHjlTd:"xj0a0fe",$$css:true},footer:{kGNEyG:"x6s0dn4",kWkggS:"xu84zt7",kLZC3w:"xcadu6e",kPef9Z:"x13fuv20",kEafiO:"x1vfp6xi",k1xSpc:"x78zum5",kmuXW:"x2lah0s",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",kjj79g:"x13a6bvl",k8WAf4:"x7bohs8",kg3NbH:"xaqi9fd",$$css:true},footerBare:{kWkggS:"xjbqb8w",kPef9Z:"x1ejq31n",kEafiO:"x972fbf",$$css:true},header:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kmuXW:"x2lah0s",kOIVth:"x13hh4mm",kAzted:"x2lwn1j",kORKVm:"x1odjw0f",kGO01o:"xvdpcou",kLKAdn:"xrm89jq",kg3NbH:"x9qdlnn",$$css:true},headerWithClose:{kwRFfy:"x521ovy",$$css:true},noSelection:{kfSwDN:"x87ps6o",$$css:true},panel:{kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",kAzted:"x2lwn1j",k8WAf4:"x7bohs8",kLKAdn:"xw9en0u xrm89jq",kg3NbH:"x9qdlnn",$$css:true},popup:{"--drawer-ending-duration":"x14r2oux x1r9uo7z",kWkggS:"xui3q9s",kVAM5u:"x1l55r2k x155xxfk",kGVxlE:"x1mhlhek",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kAzted:"x2lwn1j",k7Eaqz:"xeuugli",kSiTet:"xxocyyz x1hc1fzr",kI3sdo:"x1a2a7pz",kVQacm:"xb3r6kr",kfzvcC:"x67bb7w",kVAEAm:"x1n2onr6",kIyJzY:"x1e471i8 xfxhfox x2rlwpt x18kz1lc",k1ekBW:"xwcsmn1",kAMwcw:"xvhdtae",$$css:true},scrollArea:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kzQI83:"x1iyjqo2",kmuXW:"xs83m0k",kAzted:"x2lwn1j",kFalU9:"x2lcwoz",kzqmXN:"xh8yej3",$$css:true},swipeArea:{kVAEAm:"xixxii4",kFalU9:"x5ve5x3",kY2c9j:"xa9119d",$$css:true},title:{kMwMTN:"x14tvo57",kGuDYH:"x1d88w5i",k63SB2:"xlw70nr",kb6lSQ:"x1urmmxc",kLWn49:"x1f0yedn",kqGvvJ:"x10im51j",kHjlTd:"xj0a0fe",kN2L0X:"x1w2vvpw",$$css:true},viewport:{"--drawer-viewport-inset":"x1mtgdp5",kB7OPa:"x9f619",k1xSpc:"x78zum5",kZKoxP:"x5yr21d",k87sOh:"x13vifvy",kLqNvP:"x1o0tod",kVQacm:"xb3r6kr",kZeWKH:"xish69e",kfzvcC:"x47corl",kVAEAm:"xixxii4",kzqmXN:"xh8yej3",kY2c9j:"xfa8aoj",$$css:true}};

package/dist/components/drawer/drawer.types.d.ts

@@ -0,0 +1,53 @@
+import type { Drawer as BaseDrawer, DrawerCloseProps as BaseDrawerCloseProps, DrawerContentProps as BaseDrawerContentProps, DrawerDescriptionProps as BaseDrawerDescriptionProps, DrawerPopupProps as BaseDrawerPopupProps, DrawerPortalProps as BaseDrawerPortalProps, DrawerRootProps as BaseDrawerRootProps, DrawerTitleProps as BaseDrawerTitleProps, DrawerTriggerProps as BaseDrawerTriggerProps } from "@base-ui/react/drawer";
+import type { useRender } from "@base-ui/react/use-render";
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+type DivProps = useRender.ComponentProps<"div">;
+type DrawerTriggerRef = ComponentPropsWithRef<typeof BaseDrawer.Trigger>["ref"];
+type DrawerPopupRef = ComponentPropsWithRef<typeof BaseDrawer.Popup>["ref"];
+export type DrawerPosition = "top" | "right" | "bottom" | "left";
+export type DrawerVariant = "default" | "straight" | "inset";
+export type DrawerProps<Payload = unknown> = Closed<BaseDrawerRootProps<Payload> & {
+    position?: DrawerPosition;
+}>;
+export type DrawerTriggerProps<Payload = unknown> = Closed<Omit<BaseDrawerTriggerProps<Payload>, "ref"> & {
+    ref?: DrawerTriggerRef;
+}>;
+export type DrawerPopupProps = Closed<Omit<BaseDrawerPopupProps, "ref"> & {
+    closeProps?: DrawerCloseProps;
+    position?: DrawerPosition;
+    portalProps?: Closed<BaseDrawerPortalProps>;
+    ref?: DrawerPopupRef;
+    showBar?: boolean;
+    showCloseButton?: boolean;
+    variant?: DrawerVariant;
+}>;
+export type DrawerContentProps = Closed<BaseDrawerContentProps>;
+export type DrawerBarProps = Closed<DivProps & {
+    position?: DrawerPosition;
+}>;
+export type DrawerTitleProps = Closed<BaseDrawerTitleProps>;
+export type DrawerDescriptionProps = Closed<BaseDrawerDescriptionProps>;
+export type DrawerCloseProps = Closed<BaseDrawerCloseProps>;
+export type DrawerHeaderProps = Closed<Omit<useRender.ComponentProps<"div">, "data-slot"> & {
+    allowSelection?: boolean;
+}>;
+export type DrawerPanelProps = Closed<Omit<useRender.ComponentProps<"div">, "data-slot"> & {
+    allowSelection?: boolean;
+    scrollFade?: boolean;
+    scrollable?: boolean;
+}>;
+export type DrawerFooterProps = Closed<Omit<useRender.ComponentProps<"div">, "data-slot"> & {
+    allowSelection?: boolean;
+    variant?: "default" | "bare";
+}>;
+export type DrawerBackdropProps = Closed<BaseDrawer.Backdrop.Props>;
+export type DrawerPortalProps = Closed<BaseDrawer.Portal.Props>;
+export type DrawerViewportProps = Closed<BaseDrawer.Viewport.Props & {
+    position?: DrawerPosition;
+    variant?: DrawerVariant;
+}>;
+export type DrawerSwipeAreaProps = Closed<BaseDrawer.SwipeArea.Props & {
+    position?: DrawerPosition;
+}>;
+export {};

package/dist/components/drawer/drawer.types.js

@@ -0,0 +1 @@
+export{};

package/dist/components/empty/empty.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentPropsWithRef } from "react";
+export type EmptyMediaVariant = "default" | "icon";
+export type EmptyProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export type EmptyHeaderProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export type EmptyMediaProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "data-variant" | "style"> & {
+    variant?: EmptyMediaVariant;
+};
+export type EmptyTitleProps = Omit<ComponentPropsWithRef<"h3">, "className" | "data-slot" | "style"> & {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+export type EmptyDescriptionProps = Omit<ComponentPropsWithRef<"p">, "className" | "data-slot" | "style">;
+export type EmptyContentProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export declare function Empty({ children, ref: forwardedRef, ...rest }: EmptyProps): import("react").JSX.Element;
+export declare function EmptyHeader({ children, ref: forwardedRef, ...rest }: EmptyHeaderProps): import("react").JSX.Element;
+export declare function EmptyMedia({ "aria-hidden": ariaHidden, children, ref: forwardedRef, variant, ...rest }: EmptyMediaProps): import("react").JSX.Element;
+export declare function EmptyTitle({ children, level, ref: forwardedRef, ...rest }: EmptyTitleProps): import("react").JSX.Element;
+export declare function EmptyDescription({ children, ref: forwardedRef, ...rest }: EmptyDescriptionProps): import("react").JSX.Element;
+export declare function EmptyContent({ children, ref: forwardedRef, ...rest }: EmptyContentProps): import("react").JSX.Element;

package/dist/components/empty/empty.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{emptyStyles}from"./empty.styles";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";const headingElements={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"};export function Empty({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"empty",ref:forwardedRef,...props(emptyStyles.root),children:children});}export function EmptyHeader({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"empty-header",ref:forwardedRef,...props(emptyStyles.header),children:children});}export function EmptyMedia({"aria-hidden":ariaHidden=true,children,ref:forwardedRef,variant="default",...rest}){return/*#__PURE__*/_jsx("div",{...rest,"aria-hidden":ariaHidden,"data-slot":"empty-media","data-variant":variant,ref:forwardedRef,...props(emptyStyles.media),children:variant==="icon"?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("div",{"aria-hidden":"true",...props(emptyStyles.mediaCard,emptyStyles.mediaBackCard,emptyStyles.mediaBackCardLeft)}),/*#__PURE__*/_jsx("div",{"aria-hidden":"true",...props(emptyStyles.mediaCard,emptyStyles.mediaBackCard,emptyStyles.mediaBackCardRight)}),/*#__PURE__*/_jsx("div",{...props(emptyStyles.mediaCard),children:children})]}):children});}export function EmptyTitle({children,level=3,ref:forwardedRef,...rest}){const Component=headingElements[level];return/*#__PURE__*/_jsx(Component,{...rest,"data-slot":"empty-title",ref:forwardedRef,...props(emptyStyles.title),children:children});}export function EmptyDescription({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("p",{...rest,"data-slot":"empty-description",ref:forwardedRef,...props(emptyStyles.description),children:children});}export function EmptyContent({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"empty-content",ref:forwardedRef,...props(emptyStyles.content),children:children});}

package/dist/components/empty/empty.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/dimensions.stylex";import{controlSize}from"../../styles/dimensions.stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.stylex";import"../../styles/shadows.stylex";import{shadows}from"../../styles/shadows.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,letterSpacing,lineHeight}from"../../styles/typography.stylex";export const emptyStyles={content:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",ks0D6T:"xowlazn",k7Eaqz:"xeuugli",kN2L0X:"x1w2vvpw",kzqmXN:"xh8yej3",$$css:true},description:{kB7OPa:"x9f619",kMwMTN:"xbb0na1",kGuDYH:"x12ama9c",k63SB2:"x1lo1l87",kLWn49:"x1rn0pvf",kqGvvJ:"x10im51j",k7Eaqz:"xeuugli",kN2L0X:"x1fzhlzt",$$css:true},header:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",ks0D6T:"xowlazn",k7Eaqz:"xeuugli",k9WMMc:"x2b8uid",kzqmXN:"xh8yej3",$$css:true},media:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kjj79g:"xl56j7k",k1K539:"x1st152u",kVAEAm:"x1n2onr6",$$css:true},mediaBackCard:{krVfgx:"x19ip775",kGVxlE:"x1gnnqk1",kfzvcC:"x47corl",kVAEAm:"x10l6tqk",$$css:true},mediaBackCardLeft:{k3aq6I:"x1jx6aas",k3nNDw:"xm6med",$$css:true},mediaBackCardRight:{k3aq6I:"x1j6toch",k3nNDw:"x6ow6l",$$css:true},mediaCard:{kGNEyG:"x6s0dn4",kWkggS:"xwn18cz",kVAM5u:"x155xxfk",kaIpWk:"x2b34ud",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"xr81nds",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kmuXW:"x2lah0s",kZKoxP:"x1wtl264",kjj79g:"xl56j7k",kVAEAm:"x1n2onr6",kzqmXN:"xkpcdi8",$$css:true},root:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xfy154a",kjj79g:"xl56j7k",k7Eaqz:"xeuugli",k8WAf4:"x16z3cw9 x1c92wx6",kg3NbH:"xaqi9fd xhtrmny",k9WMMc:"x2b8uid",kzqmXN:"xh8yej3",$$css:true},title:{kB7OPa:"x9f619",kMwMTN:"x14tvo57",kGuDYH:"x1d88w5i",k63SB2:"xlw70nr",kb6lSQ:"x1urmmxc",kLWn49:"x1f0yedn",kqGvvJ:"x10im51j",k1K539:"x1csto",k7Eaqz:"xeuugli",kN2L0X:"x1w2vvpw",$$css:true}};

package/dist/components/error-state/error-state.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentPropsWithRef } from "react";
+export type ErrorStateProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export type ErrorStateHeaderProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export type ErrorStateMediaProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export type ErrorStateTitleProps = Omit<ComponentPropsWithRef<"h3">, "className" | "data-slot" | "style"> & {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+export type ErrorStateDescriptionProps = Omit<ComponentPropsWithRef<"p">, "className" | "data-slot" | "style">;
+export type ErrorStateContentProps = Omit<ComponentPropsWithRef<"div">, "className" | "data-slot" | "style">;
+export declare function ErrorState({ children, ref: forwardedRef, ...rest }: ErrorStateProps): import("react").JSX.Element;
+export declare function ErrorStateHeader({ children, ref: forwardedRef, ...rest }: ErrorStateHeaderProps): import("react").JSX.Element;
+export declare function ErrorStateMedia({ "aria-hidden": ariaHidden, children, ref: forwardedRef, ...rest }: ErrorStateMediaProps): import("react").JSX.Element;
+export declare function ErrorStateTitle({ children, level, ref: forwardedRef, ...rest }: ErrorStateTitleProps): import("react").JSX.Element;
+export declare function ErrorStateDescription({ children, ref: forwardedRef, ...rest }: ErrorStateDescriptionProps): import("react").JSX.Element;
+export declare function ErrorStateContent({ children, ref: forwardedRef, ...rest }: ErrorStateContentProps): import("react").JSX.Element;

package/dist/components/error-state/error-state.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{errorStateStyles}from"./error-state.styles";import{jsx as _jsx}from"react/jsx-runtime";const headingElements={1:"h1",2:"h2",3:"h3",4:"h4",5:"h5",6:"h6"};export function ErrorState({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"error-state",ref:forwardedRef,...props(errorStateStyles.root),children:children});}export function ErrorStateHeader({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"error-state-header",ref:forwardedRef,...props(errorStateStyles.header),children:children});}export function ErrorStateMedia({"aria-hidden":ariaHidden=true,children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"aria-hidden":ariaHidden,"data-slot":"error-state-media",ref:forwardedRef,...props(errorStateStyles.media),children:children});}export function ErrorStateTitle({children,level=3,ref:forwardedRef,...rest}){const Component=headingElements[level];return/*#__PURE__*/_jsx(Component,{...rest,"data-slot":"error-state-title",ref:forwardedRef,...props(errorStateStyles.title),children:children});}export function ErrorStateDescription({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("p",{...rest,"data-slot":"error-state-description",ref:forwardedRef,...props(errorStateStyles.description),children:children});}export function ErrorStateContent({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("div",{...rest,"data-slot":"error-state-content",ref:forwardedRef,...props(errorStateStyles.content),children:children});}

package/dist/components/error-state/error-state.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/dimensions.stylex";import{controlSize}from"../../styles/dimensions.stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.stylex";import"../../styles/shadows.stylex";import{shadows}from"../../styles/shadows.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,letterSpacing,lineHeight}from"../../styles/typography.stylex";export const errorStateStyles={content:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",ks0D6T:"xowlazn",k7Eaqz:"xeuugli",kN2L0X:"x1w2vvpw",kzqmXN:"xh8yej3",$$css:true},description:{kB7OPa:"x9f619",kMwMTN:"xbb0na1",kGuDYH:"x12ama9c",k63SB2:"x1lo1l87",kLWn49:"x1rn0pvf",kqGvvJ:"x10im51j",k7Eaqz:"xeuugli",kN2L0X:"x1fzhlzt",$$css:true},header:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",ks0D6T:"xowlazn",k7Eaqz:"xeuugli",k9WMMc:"x2b8uid",kzqmXN:"xh8yej3",$$css:true},media:{kGNEyG:"x6s0dn4",kWkggS:"xyio8l9",kVAM5u:"xpkwx3w",kaIpWk:"x2b34ud",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"xr81nds",kB7OPa:"x9f619",kMwMTN:"x1rncs7t",k1xSpc:"x78zum5",kmuXW:"x2lah0s",kZKoxP:"x1wtl264",kjj79g:"xl56j7k",k1K539:"x1st152u",kVAEAm:"x1n2onr6",kzqmXN:"xkpcdi8",$$css:true},root:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"xfy154a",kjj79g:"xl56j7k",k7Eaqz:"xeuugli",k8WAf4:"x16z3cw9 x1c92wx6",kg3NbH:"xaqi9fd xhtrmny",k9WMMc:"x2b8uid",kzqmXN:"xh8yej3",$$css:true},title:{kB7OPa:"x9f619",kMwMTN:"x14tvo57",kGuDYH:"x1d88w5i",k63SB2:"xlw70nr",kb6lSQ:"x1urmmxc",kLWn49:"x1f0yedn",kqGvvJ:"x10im51j",k1K539:"x1csto",k7Eaqz:"xeuugli",kN2L0X:"x1w2vvpw",$$css:true}};

package/dist/components/field/field-context.d.ts

@@ -0,0 +1,33 @@
+interface BoundFieldMeta {
+    readonly errors: readonly unknown[];
+    readonly isDirty: boolean;
+    readonly isTouched: boolean;
+    readonly isValid: boolean;
+}
+interface BoundStringFieldState {
+    readonly meta: BoundFieldMeta;
+    readonly value: string;
+}
+interface BoundNumberFieldState {
+    readonly meta: BoundFieldMeta;
+    readonly value: number | null;
+}
+export interface BoundStringField {
+    readonly handleBlur: () => void;
+    readonly handleChange: (updater: string | ((prev: string) => string)) => void;
+    readonly name: string;
+    readonly state: BoundStringFieldState;
+}
+export interface BoundNumberField {
+    readonly handleBlur: () => void;
+    readonly handleChange: (updater: number | null | ((prev: number | null) => number | null)) => void;
+    readonly name: string;
+    readonly state: BoundNumberFieldState;
+}
+export type BoundField = BoundStringField | BoundNumberField;
+export declare function useBoundFieldContext(): BoundField | null;
+export declare const BoundFieldProvider: import("react").Provider<BoundField | null>;
+export declare function isBoundStringField(field: BoundField | null | undefined): field is BoundStringField;
+export declare function isBoundNumberField(field: BoundField | null | undefined): field is BoundNumberField;
+export declare function extractFirstErrorMessage(errors: readonly unknown[]): string | undefined;
+export {};

package/dist/components/field/field-context.js

@@ -0,0 +1 @@
+import{createContext,useContext}from"react";const BoundFieldContext=createContext(null);export function useBoundFieldContext(){return useContext(BoundFieldContext);}export const BoundFieldProvider=BoundFieldContext.Provider;export function isBoundStringField(field){return typeof field?.state.value==="string";}export function isBoundNumberField(field){return field!==null&&field!==undefined&&(field.state.value===null||typeof field.state.value==="number");}export function extractFirstErrorMessage(errors){for(const error of errors){if(typeof error==="string"){return error;}if(Array.isArray(error)){const nested=extractFirstErrorMessage(error);if(nested!==undefined){return nested;}}if(typeof error==="object"&&error!==null&&"message"in error){const{message}=error;if(typeof message==="string"){return message;}}}return undefined;}

package/dist/components/field/field.d.ts

@@ -0,0 +1,44 @@
+import { Field as BaseField } from "@base-ui/react/field";
+import type { ComponentPropsWithRef } from "react";
+import type { BoundField } from "./field-context";
+type RootProps = ComponentPropsWithRef<typeof BaseField.Root>;
+type LabelProps = ComponentPropsWithRef<typeof BaseField.Label>;
+type ItemProps = ComponentPropsWithRef<typeof BaseField.Item>;
+type DescriptionProps = ComponentPropsWithRef<typeof BaseField.Description>;
+type ErrorProps = ComponentPropsWithRef<typeof BaseField.Error>;
+type ControlProps = ComponentPropsWithRef<typeof BaseField.Control>;
+type Closed<T> = Omit<T, "className" | "style">;
+type BaseFieldRootProps = Closed<RootProps>;
+type CompetingFieldProps = "dirty" | "invalid" | "name" | "touched" | "validate" | "validationDebounceTime" | "validationMode";
+export type BoundFieldProps = Omit<BaseFieldRootProps, CompetingFieldProps> & {
+    field: BoundField;
+    dirty?: never;
+    invalid?: never;
+    name?: never;
+    touched?: never;
+    validate?: never;
+    validationDebounceTime?: never;
+    validationMode?: never;
+};
+export type UnboundFieldProps = BaseFieldRootProps & {
+    field?: never;
+};
+export type FieldProps = BoundFieldProps | UnboundFieldProps;
+export type FieldLabelProps = Closed<LabelProps>;
+export type FieldItemProps = Closed<ItemProps>;
+export type FieldDescriptionProps = Closed<DescriptionProps>;
+export type FieldErrorProps = Closed<ErrorProps>;
+export type FieldControlProps = Omit<Closed<ControlProps>, "disabled" | "onPointerEnter" | "onPointerLeave" | "size"> & {
+    disabled?: boolean;
+    onPointerEnter?: ControlProps["onPointerEnter"];
+    onPointerLeave?: ControlProps["onPointerLeave"];
+    size?: "default" | "lg" | "sm";
+};
+export declare function Field(fieldProps: FieldProps): import("react").JSX.Element;
+export declare function FieldLabel({ children, ...rest }: FieldLabelProps): import("react").JSX.Element;
+export declare function FieldItem({ children, ...rest }: FieldItemProps): import("react").JSX.Element;
+export declare function FieldDescription({ children, ...rest }: FieldDescriptionProps): import("react").JSX.Element;
+export declare function FieldError({ children, match, ...rest }: FieldErrorProps): import("react").JSX.Element;
+export declare function FieldControl({ disabled, readOnly, ref: forwardedRef, size, onPointerEnter, onPointerLeave, ...rest }: FieldControlProps): import("react").JSX.Element;
+export type { FieldValidityProps } from "@base-ui/react/field";
+export declare function FieldValidity({ children }: BaseField.Validity.Props): import("react").JSX.Element;

package/dist/components/field/field.js

@@ -0,0 +1,3 @@
+"use client";import{Field as BaseField}from"@base-ui/react/field";import{props}from"@stylexjs/stylex";import{useCallback,useState}from"react";import{fieldStyles}from"./field.styles";import{BoundFieldProvider,extractFirstErrorMessage,useBoundFieldContext}from"./field-context";import{jsx as _jsx}from"react/jsx-runtime";export function Field(fieldProps){if(fieldProps.field!==undefined){const{field,children,...rest}=fieldProps;const isInvalid=field.state.meta.isTouched&&!field.state.meta.isValid;return/*#__PURE__*/_jsx(BoundFieldProvider,{value:field,children:/*#__PURE__*/_jsx(BaseField.Root,{...rest,dirty:field.state.meta.isDirty,invalid:isInvalid,name:field.name,touched:field.state.meta.isTouched,...props(fieldStyles.root),children:children})});}const{children,...rest}=fieldProps;return/*#__PURE__*/_jsx(BaseField.Root,{...rest,...props(fieldStyles.root),children:children});}export function FieldLabel({children,...rest}){return/*#__PURE__*/_jsx(BaseField.Label,{...rest,...props(fieldStyles.label),children:children});}export function FieldItem({children,...rest}){return/*#__PURE__*/_jsx(BaseField.Item,{...rest,...props(fieldStyles.item),children:children});}export function FieldDescription({children,...rest}){return/*#__PURE__*/_jsx(BaseField.Description,{...rest,...props(fieldStyles.description),children:children});}export function FieldError({children,match,...rest}){const boundField=useBoundFieldContext();const isBoundInvalid=boundField?boundField.state.meta.isTouched&&!boundField.state.meta.isValid:undefined;if(children!==undefined){return/*#__PURE__*/_jsx(BaseField.Error,{...rest,match:match??isBoundInvalid,...props(fieldStyles.error),children:children});}if(boundField!==null){const message=extractFirstErrorMessage(boundField.state.meta.errors);return/*#__PURE__*/_jsx(BaseField.Error,{...rest,match:match??isBoundInvalid,...props(fieldStyles.error),children:message});}return/*#__PURE__*/_jsx(BaseField.Error,{...rest,match:match,...props(fieldStyles.error),children:children});}const controlSizeStyles={default:fieldStyles.sizeDefault,lg:fieldStyles.sizeLg,sm:fieldStyles.sizeSm};export function FieldControl({disabled=false,readOnly=false,ref:forwardedRef=undefined,size="default",// biome-ignore lint/complexity/noUselessUndefined: Keep this optional in Babel's generated JS surface.
+onPointerEnter=undefined,// biome-ignore lint/complexity/noUselessUndefined: Keep this optional in Babel's generated JS surface.
+onPointerLeave=undefined,...rest}){const[isHovered,setIsHovered]=useState(false);const handlePointerEnter=useCallback(event=>{if(!(disabled||readOnly)){setIsHovered(true);}onPointerEnter?.(event);},[disabled,onPointerEnter,readOnly]);const handlePointerLeave=useCallback(event=>{setIsHovered(false);onPointerLeave?.(event);},[onPointerLeave]);return/*#__PURE__*/_jsx(BaseField.Control,{...rest,"data-hovered":isHovered?"true":undefined,disabled:disabled,onPointerEnter:handlePointerEnter,onPointerLeave:handlePointerLeave,readOnly:readOnly,ref:forwardedRef,...props(fieldStyles.input,controlSizeStyles[size])});}export function FieldValidity({children}){return/*#__PURE__*/_jsx(BaseField.Validity,{children:children});}

package/dist/components/field/field.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors,fieldColors}from"../../styles/colors.stylex";import"../../styles/conditions.stylex";import{conditions}from"../../styles/conditions.stylex";import"../../styles/dimensions.stylex";import{controlSize}from"../../styles/dimensions.stylex";import"../../styles/fonts.stylex";import{fonts}from"../../styles/fonts.stylex";import"../../styles/interaction.stylex";import{borderWidth,focus,focusMotion,focusOutline}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shadows.stylex";import{shadows}from"../../styles/shadows.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,lineHeight}from"../../styles/typography.stylex";export const fieldStyles={description:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",kLWn49:"x2xzzt7",kqGvvJ:"x7xgmiy",kN2L0X:"x1fzhlzt",$$css:true},error:{kMwMTN:"x1ytrddi",kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",kLWn49:"x2xzzt7",kqGvvJ:"x7xgmiy",kN2L0X:"x1fzhlzt",$$css:true},input:{k8Qsv1:"x10l60j5",kH8XJS:"x7xwk5j",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kysU6D:"xjyslct",kWkggS:"xzdrtxz xvojraa",kVAM5u:"xo5og9z xyilmh2 x1yv86y2 x9r1u3d",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1rudlt0 x1xxjdaf",kB7OPa:"x9f619",kMwMTN:"xpfl6da x14tvo57",kkrTdU:"x1s07b3s x1ed109x",k1xSpc:"x1lliihq",kMv6JI:"xjb2p0i",kGuDYH:"x12ama9c",kC21eY:"x2vx8kg",k63SB2:"x1lo1l87",kLWn49:"x1rn0pvf",k7Eaqz:"xeuugli",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"xm9seqh x1vhx2qj",k8WAf4:"x391bbb",kg3NbH:"xy7odpl",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x1xpfdt",kAMwcw:"xvhdtae",kzqmXN:"xh8yej3",$$css:true},item:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",$$css:true},label:{kGNEyG:"x6s0dn4",kMwMTN:"x14tvo57",k1xSpc:"x3nfvp2",kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",k63SB2:"xuku2lm",kOIVth:"xp4ho6d",kLWn49:"x2xzzt7",k1K539:"x1csto",$$css:true},root:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",$$css:true},sizeDefault:{kT0f0o:"x14h6bio",kVL7Gh:"x1r18r8a",kfmiAY:"x3q61c4",krdFHd:"x1p0g4lk",kZKoxP:"x1wtl264",$$css:true},sizeLg:{kT0f0o:"x14h6bio",kVL7Gh:"x1r18r8a",kfmiAY:"x3q61c4",krdFHd:"x1p0g4lk",kGuDYH:"x12ama9c",kZKoxP:"x1nwj9bq",$$css:true},sizeSm:{kT0f0o:"x1hia2b7",kVL7Gh:"x1dz734k",kfmiAY:"x2dv6dr",krdFHd:"xn5rixj",kGuDYH:"xs18rgd x12ama9c",kZKoxP:"x1sscbzi",$$css:true}};

package/dist/components/fieldset/fieldset.d.ts

@@ -0,0 +1,14 @@
+import { Fieldset as BaseFieldset } from "@base-ui/react/fieldset";
+import type { ComponentPropsWithRef } from "react";
+type BaseFieldsetRootProps = ComponentPropsWithRef<typeof BaseFieldset.Root>;
+type BaseFieldsetLegendProps = ComponentPropsWithRef<typeof BaseFieldset.Legend>;
+export type FieldsetProps = Omit<BaseFieldsetRootProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseFieldsetRootProps["ref"];
+};
+export type FieldsetLegendProps = Omit<BaseFieldsetLegendProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseFieldsetLegendProps["ref"];
+};
+export declare function Fieldset({ ref: forwardedRef, render, ...rest }: FieldsetProps): import("react").JSX.Element;
+export declare function FieldsetLegend({ ref: forwardedRef, render, ...rest }: FieldsetLegendProps): import("react").JSX.Element;
+export declare const FieldsetPrimitive: typeof BaseFieldset;
+export {};

package/dist/components/fieldset/fieldset.js

@@ -0,0 +1 @@
+"use client";import{Fieldset as BaseFieldset}from"@base-ui/react/fieldset";import{props}from"@stylexjs/stylex";import{protectRenderSlot}from"../../render-utils";import{fieldsetStyles}from"./fieldset.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Fieldset({ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseFieldset.Root,{...rest,"data-slot":"fieldset",ref:forwardedRef,render:protectRenderSlot("fieldset",render),...props(fieldsetStyles.root)});}export function FieldsetLegend({ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseFieldset.Legend,{...rest,"data-slot":"fieldset-legend",ref:forwardedRef,render:protectRenderSlot("fieldset-legend",render),...props(fieldsetStyles.legend)});}export const FieldsetPrimitive=BaseFieldset;

package/dist/components/fieldset/fieldset.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/fonts.stylex";import{fonts}from"../../styles/fonts.stylex";import"../../styles/typography.stylex";import{fontSize,fontWeight,letterSpacing,lineHeight}from"../../styles/typography.stylex";export const fieldsetStyles={legend:{kMwMTN:"x14tvo57",kGuDYH:"x12ama9c",kC21eY:"x2vx8kg",k63SB2:"xlw70nr",kb6lSQ:"x15nokgc",kLWn49:"x1rn0pvf",$$css:true},root:{ksu8eU:"xng3xce",kMzoRj:"xc342km",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",kmVPX3:"x1717udv",$$css:true}};

package/dist/components/file-upload/file-upload-context.js

@@ -0,0 +1 @@
+import{createContext,use}from"react";export function syncInputFiles(input,files){if(!input){return;}if(files.length===0){input.value="";if(typeof DataTransfer!=="undefined"){input.files=new DataTransfer().files;}return;}if(typeof DataTransfer==="undefined"){return;}const dataTransfer=new DataTransfer();for(const file of files){dataTransfer.items.add(file);}if(Object.hasOwn(input,"files")){Reflect.deleteProperty(input,"files");}input.files=dataTransfer.files;}export function stripForbidden(target,extraKeys=[]){const clone={...target};Reflect.deleteProperty(clone,"className");Reflect.deleteProperty(clone,"data-slot");Reflect.deleteProperty(clone,"style");for(const key of extraKeys){Reflect.deleteProperty(clone,key);}return clone;}export function restoreFocusAfterRemoval(root,removeIndex,fallbackTrigger){if(!root){return;}const buttons=root.querySelectorAll('[data-slot="file-upload-item-remove"]');if(buttons[removeIndex]){buttons[removeIndex]?.focus();}else if(removeIndex>0&&buttons[removeIndex-1]){buttons[removeIndex-1]?.focus();}else{fallbackTrigger?.focus();}}export function attachFormResetListener(node,onReset){let currentForm=node.form;let isActive=true;const handleReset=event=>{const target=event.currentTarget;queueMicrotask(()=>{if(!isActive||event.defaultPrevented||node.form!==target){return;}onReset();});};currentForm?.addEventListener("reset",handleReset);const syncOwner=()=>{const nextForm=node.form;if(nextForm===currentForm){return;}currentForm?.removeEventListener("reset",handleReset);currentForm=nextForm;currentForm?.addEventListener("reset",handleReset);};const observer=typeof MutationObserver==="undefined"?null:new MutationObserver(syncOwner);observer?.observe(node,{attributeFilter:["form"],attributes:true});if(!(currentForm||observer)){return;}return()=>{isActive=false;observer?.disconnect();currentForm?.removeEventListener("reset",handleReset);};}export function computeNextFiles(committed,accepted,maxFiles){if(maxFiles===1){const last=accepted.at(-1);return last?[last]:[...committed];}return[...committed,...accepted];}export function createChangeDetails(data){let canceled=false;return{...data,cancel:()=>{canceled=true;},get isCanceled(){return canceled;}};}export const FileUploadContext=createContext(null);export function useFileUploadContext(){const context=use(FileUploadContext);if(!context){throw new Error("FileUpload compound components must be rendered inside a <FileUpload> provider.");}return context;}export const FileUploadItemContext=createContext(null);export function useFileUploadItemContext(){const context=use(FileUploadItemContext);if(!context){throw new Error("FileUploadItem compound components must be rendered inside a <FileUploadItem> provider.");}return context;}

package/dist/components/file-upload/file-upload-controls.d.ts

@@ -0,0 +1,4 @@
+import type { FileUploadDropzoneProps, FileUploadInputProps, FileUploadTriggerProps } from "./file-upload.types";
+export declare function FileUploadDropzone({ children, disabled, onDragEnter, onDragLeave, onDragOver, onDrop, ref: forwardedRef, ...rest }: FileUploadDropzoneProps): import("react").JSX.Element;
+export declare function FileUploadTrigger({ children, disabled, onClick, ref: forwardedRef, ...rest }: FileUploadTriggerProps): import("react").JSX.Element;
+export declare function FileUploadInput({ ref: forwardedRef, ...rest }: FileUploadInputProps): import("react").JSX.Element;

package/dist/components/file-upload/file-upload-controls.js

@@ -0,0 +1,7 @@
+import{props}from"@stylexjs/stylex";import{useCallback,useRef,useState}from"react";import{assignRef}from"../../ref-utils";import{shape}from"../../styles/shape.stylex";import{Button}from"../button/button";import{fileUploadStyles}from"./file-upload.styles";import{stripForbidden,useFileUploadContext}from"./file-upload-context";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const FORBIDDEN_INPUT_KEYS=["accept","defaultValue","disabled","multiple","name","onChange","required","type","value"];// null when the drag carries no files, such as selected text.
+function draggedFileCount(transfer){const types=Array.from(transfer?.types??[]);if(types.length>0&&!types.includes("Files")){return null;}return transfer?.items?.length??0;}const dropzoneEdge=/*#__PURE__*/_jsx("svg",{"aria-hidden":"true",focusable:"false",...props(fileUploadStyles.dropzoneEdge),children:/*#__PURE__*/_jsx("rect",{// StyleX has no SVG geometry, so the half-pixel inset lives here:
+// it keeps the 1px line inside the edge, with the corner radius.
+style:{height:"calc(100% - 1px)",rx:`calc(${shape.controlRadiusLarge} - 0.5px)`,width:"calc(100% - 1px)",x:"0.5px",y:"0.5px"}})});export function FileUploadDropzone({children,disabled=false,onDragEnter,onDragLeave,onDragOver,onDrop,ref:forwardedRef,...rest}){const context=useFileUploadContext();// null while nothing is dragged over; 0 when the browser hides the count.
+const[dragCount,setDragCount]=useState(null);const isDragging=dragCount!==null;const depthRef=useRef(0);const isDisabled=context.disabled||disabled;const mergedRef=useCallback(node=>{if(node&&isDisabled){depthRef.current=0;setDragCount(null);}const consumerCleanup=assignRef(forwardedRef,node);return()=>{depthRef.current=0;consumerCleanup?.();};},[forwardedRef,isDisabled]);const handleDragEnter=useCallback(event=>{if(isDisabled){return;}onDragEnter?.(event);if(event.defaultPrevented){return;}const count=draggedFileCount(event.dataTransfer);if(count===null){return;}event.preventDefault();depthRef.current+=1;if(depthRef.current===1){setDragCount(count);}},[isDisabled,onDragEnter]);const handleDragLeave=useCallback(event=>{if(isDisabled){depthRef.current=0;setDragCount(null);return;}onDragLeave?.(event);depthRef.current=Math.max(0,depthRef.current-1);if(depthRef.current===0){setDragCount(null);}},[isDisabled,onDragLeave]);const handleDragOver=useCallback(event=>{if(isDisabled){event.preventDefault();return;}onDragOver?.(event);if(event.defaultPrevented){return;}event.preventDefault();if(event.dataTransfer){event.dataTransfer.dropEffect="copy";}},[isDisabled,onDragOver]);const handleDrop=useCallback(event=>{if(isDisabled){event.preventDefault();depthRef.current=0;setDragCount(null);return;}onDrop?.(event);depthRef.current=0;setDragCount(null);if(event.defaultPrevented){return;}event.preventDefault();const files=event.dataTransfer?.files;if(files&&files.length>0){context.handleDropFiles(Array.from(files));}},[context,isDisabled,onDrop]);const cleanProps=stripForbidden(rest);const content=typeof children==="function"?children({dragCount:dragCount??0,isDragging}):children;return(/*#__PURE__*/// biome-ignore lint/a11y/noNoninteractiveElementInteractions: Native HTML drag and drop target container
+// biome-ignore lint/a11y/noStaticElementInteractions: Dropzone receives drag events on host div
+_jsxs("div",{...cleanProps,"data-disabled":isDisabled?"":undefined,"data-dragging":!isDisabled&&isDragging?"":undefined,"data-slot":"file-upload-dropzone",onDragEnter:handleDragEnter,onDragLeave:handleDragLeave,onDragOver:handleDragOver,onDrop:handleDrop,ref:mergedRef,...props(fileUploadStyles.dropzone),children:[content,dropzoneEdge]}));}export function FileUploadTrigger({children,disabled=false,onClick,ref:forwardedRef,...rest}){const context=useFileUploadContext();const{triggerRef}=context;const isDisabled=context.disabled||disabled;const handleClick=useCallback(event=>{onClick?.(event);if(!(event.defaultPrevented||isDisabled)){context.openPicker();}},[context,isDisabled,onClick]);const mergedRef=useCallback(node=>{const internalCleanup=assignRef(triggerRef,node);const consumerCleanup=assignRef(forwardedRef,node);return()=>{internalCleanup?.();consumerCleanup?.();};},[triggerRef,forwardedRef]);const cleanProps=stripForbidden(rest,["type"]);return/*#__PURE__*/_jsx(Button,{...cleanProps,"data-slot":"file-upload-trigger",disabled:isDisabled,onClick:handleClick,ref:mergedRef,size:"sm",type:"button",variant:"outline",children:children});}export function FileUploadInput({ref:forwardedRef,...rest}){const context=useFileUploadContext();const{setInputCallbackRef}=context;const cleanProps=stripForbidden(rest,FORBIDDEN_INPUT_KEYS);const mergedRef=useCallback(node=>{const internalCleanup=setInputCallbackRef(node);const consumerCleanup=assignRef(forwardedRef,node);return()=>{internalCleanup?.();consumerCleanup?.();};},[setInputCallbackRef,forwardedRef]);return/*#__PURE__*/_jsx("input",{...cleanProps,accept:context.accept,"data-slot":"file-upload-input",disabled:context.disabled,multiple:context.maxFiles>1,name:context.name,onChange:context.handleInputChange,ref:mergedRef,tabIndex:-1,type:"file",...props(fileUploadStyles.hiddenInput)});}

package/dist/components/file-upload/file-upload-item-preview.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+export interface FileUploadItemPreviewProps {
+    children: ReactNode;
+}
+export declare function FileUploadItemPreview({ children, }: FileUploadItemPreviewProps): import("react").JSX.Element;

package/dist/components/file-upload/file-upload-item-preview.js

@@ -0,0 +1,3 @@
+import{props}from"@stylexjs/stylex";import{useCallback,useState}from"react";import{fileUploadStyles}from"./file-upload.styles";import{useFileUploadItemContext}from"./file-upload-context";import{jsx as _jsx}from"react/jsx-runtime";export function FileUploadItemPreview({children}){const{file,layout}=useFileUploadItemContext();const[failedFile,setFailedFile]=useState(null);const image=file.type.startsWith("image/")&&failedFile!==file;const fail=useCallback(()=>setFailedFile(file),[file]);const previewRef=useCallback(node=>{if(!node){return;}const url=URL.createObjectURL(file);node.src=url;return()=>URL.revokeObjectURL(url);},[file]);return/*#__PURE__*/_jsx("div",{"data-slot":"file-upload-item-preview",title:file.name,...props(fileUploadStyles.preview,image&&fileUploadStyles.previewFull,layout==="row"&&fileUploadStyles.previewRow,layout==="upload"&&fileUploadStyles.previewUpload),children:image?/*#__PURE__*/// biome-ignore lint/performance/noImgElement: Local blob previews cannot use a framework image optimizer.
+// biome-ignore lint/a11y/noNoninteractiveElementInteractions: Decode errors switch to the document fallback; this is not an input event.
+_jsx("img",{alt:file.name,height:72,onError:fail,ref:previewRef,width:72,...props(fileUploadStyles.previewImage)}):children});}

package/dist/components/file-upload/file-upload-items.d.ts

@@ -0,0 +1,8 @@
+import type { FileUploadItemNameProps, FileUploadItemProgressProps, FileUploadItemProps, FileUploadItemRemoveProps, FileUploadItemSizeProps, FileUploadItemStatusProps, FileUploadListProps } from "./file-upload.types";
+export declare function FileUploadList({ children, layout, ref: forwardedRef, ...rest }: FileUploadListProps): import("react").JSX.Element;
+export declare function FileUploadItem({ children, file, index, layout, ref: forwardedRef, ...rest }: FileUploadItemProps): import("react").JSX.Element;
+export declare function FileUploadItemName({ children, ref: forwardedRef, ...rest }: FileUploadItemNameProps): import("react").JSX.Element;
+export declare function FileUploadItemSize({ children, ref: forwardedRef, ...rest }: FileUploadItemSizeProps): import("react").JSX.Element;
+export declare function FileUploadItemStatus({ children, ref: forwardedRef, status, ...rest }: FileUploadItemStatusProps): import("react").JSX.Element;
+export declare function FileUploadItemProgress({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref: forwardedRef, value, ...rest }: FileUploadItemProgressProps): import("react").JSX.Element;
+export declare function FileUploadItemRemove({ "aria-label": ariaLabel, children, disabled, onClick, ref: forwardedRef, ...rest }: FileUploadItemRemoveProps): import("react").JSX.Element;