@mizen-labs/ui 0.0.0-stage → 0.1.0

package/dist/components/scatter-chart/scatter-chart.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type ChartSeriesTone } from "../chart-frame/chart-colors";
+export interface ScatterChartPoint {
+    /** The id of one of the chart's groups. */
+    group?: string;
+    id: string;
+    label: string;
+    /** A third measure drawn as bubble area. */
+    size?: number;
+    x: number;
+    y: number;
+}
+export interface ScatterChartGroup {
+    id: string;
+    label: string;
+}
+export type ScatterChartProps = Omit<Closed<ComponentPropsWithRef<"div">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-description"?: string;
+    "aria-label": string;
+    formatX?: (value: number) => string;
+    formatY?: (value: number) => string;
+    /** Up to three groups, colored in palette order; every point names one. */
+    groups?: readonly ScatterChartGroup[];
+    points: readonly ScatterChartPoint[];
+    tone?: ChartSeriesTone;
+    xAxisLabel: string;
+    yAxisLabel: string;
+};
+export declare function ScatterChart({ "aria-description": ariaDescription, "aria-label": ariaLabel, formatX, formatY, groups, points: inputPoints, ref: forwardedRef, tone, xAxisLabel, yAxisLabel, ...rest }: ScatterChartProps): import("react").JSX.Element;

package/dist/components/scatter-chart/scatter-chart.js

@@ -0,0 +1,6 @@
+"use client";import{props}from"@stylexjs/stylex";import{defineChart,dot}from"@tanstack/charts";import{scaleLinear}from"@tanstack/charts/scales/linear";import{tooltip as tooltipFeature}from"@tanstack/charts/tooltip";import{useMemo}from"react";import{typeRoles}from"../../styles/typography.styles";import{chartColors}from"../chart-frame/chart-colors";import{ChartDataTable}from"../chart-frame/chart-data-table";import{ChartFrame}from"../chart-frame/chart-frame";import{ChartLegend}from"../chart-legend/chart-legend";import{ChartTooltip}from"../chart-tooltip/chart-tooltip";import{Table,TableBody,TableCaption,TableCell,TableContainer,TableHead,TableHeader,TableRow}from"../table/table";import{scatterChartStyles}from"./scatter-chart.styles";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";function axisDomain(minimum,maximum){const padding=minimum===maximum?Math.max(1,Math.abs(minimum)*0.05):(maximum-minimum)*0.05;const lower=minimum-padding;const upper=maximum+padding;return[Number.isFinite(lower)?lower:minimum,Number.isFinite(upper)?upper:maximum];}function assertPointIdentity(point,ids){if(typeof point!=="object"||point===null||!("id"in point)||!("label"in point)||typeof point.id!=="string"||!point.id.trim()||typeof point.label!=="string"||!point.label.trim()){throw new TypeError("ScatterChart points require non-empty ids and labels.");}if(ids.has(point.id)){throw new RangeError("ScatterChart point ids must be unique.");}ids.add(point.id);}function assertPointCoordinates(point){if(typeof point.x!=="number"||!Number.isFinite(point.x)||typeof point.y!=="number"||!Number.isFinite(point.y)){throw new RangeError("ScatterChart coordinates must be finite numbers.");}}// Any two groups can sit side by side, and only the first three palette hues
+// stay distinct for every pair under color-vision deficiency.
+const GROUP_TONES=["series1","series2","series3"];const BUBBLE_RADIUS={max:14,min:4};function assertGroups(groups,points){if(!Array.isArray(groups)||groups.length>GROUP_TONES.length){throw new RangeError("ScatterChart supports up to three groups.");}const ids=new Set(groups.map(({id})=>id));if(ids.size!==groups.length){throw new RangeError("ScatterChart group ids must be unique.");}const grouped=groups.length>0;for(const{group}of points){if(grouped?!ids.has(group??""):group!==undefined){throw new RangeError("ScatterChart points must name one of the chart's groups.");}}}// Bubble area, not radius, is proportional to size.
+function getRadius(size,maxSize){if(size===undefined||maxSize<=0){return 5;}const{max,min}=BUBBLE_RADIUS;return Math.max(min,Math.sqrt(size/maxSize)*max);}function decoratePoints(points,groups,tone){for(const{size}of points){if(size!==undefined&&!(Number.isFinite(size)&&size>=0)){throw new RangeError("ScatterChart sizes must be finite and not negative.");}}const maxSize=Math.max(0,...points.map(({size})=>size??0));const tones=new Map(groups.map(({id},index)=>[id,GROUP_TONES[index]]));return points.map(point=>({...point,r:getRadius(point.size,maxSize),tone:tones.get(point.group??"")??tone}));}function preparePoints(points,groups,tone){if(!Array.isArray(points)){throw new TypeError("ScatterChart points must be an array.");}const ids=new Set();let minX=Number.POSITIVE_INFINITY;let maxX=Number.NEGATIVE_INFINITY;let minY=Number.POSITIVE_INFINITY;let maxY=Number.NEGATIVE_INFINITY;for(const point of points){assertPointIdentity(point,ids);assertPointCoordinates(point);minX=Math.min(minX,point.x);maxX=Math.max(maxX,point.x);minY=Math.min(minY,point.y);maxY=Math.max(maxY,point.y);}if(points.length>0&&!(Number.isFinite(maxX-minX)&&Number.isFinite(maxY-minY))){throw new RangeError("ScatterChart coordinates exceed a finite chart range.");}assertGroups(groups,points);return{points:decoratePoints(points,groups,tone),xDomain:points.length?axisDomain(minX,maxX):[0,1],yDomain:points.length?axisDomain(minY,maxY):[0,1]};}function formatNumber(value,formatter,numberFormat){const formatted=formatter?formatter(value):numberFormat.format(value);if(typeof formatted!=="string"){throw new TypeError("ScatterChart axis formatters must return strings.");}return formatted;}function assertProps(ariaLabel,xAxisLabel,yAxisLabel,formatX,formatY,tone){for(const[name,value]of Object.entries({"aria-label":ariaLabel,xAxisLabel,yAxisLabel})){if(typeof value!=="string"||!value.trim()){throw new TypeError(`ScatterChart requires a non-empty ${name}.`);}}for(const[name,formatter]of Object.entries({formatX,formatY})){if(formatter!==undefined&&typeof formatter!=="function"){throw new TypeError(`ScatterChart ${name} must be a function.`);}}if(!Object.hasOwn(chartColors,tone)){throw new RangeError("ScatterChart tone is not supported.");}}function renderTooltip(context,xAxisLabel,yAxisLabel,formatX,formatY){const point=context.primaryPoint??context.points[0];if(!point){return null;}const{tone}=point.datum;return/*#__PURE__*/_jsx(ChartTooltip,{items:[{id:"scatter-x",label:xAxisLabel,tone,value:formatX(point.xValue)},{id:"scatter-y",label:yAxisLabel,tone,value:formatY(point.yValue)}],label:point.datum.label});}function ScatterChartTable({"aria-label":ariaLabel,formatX,formatY,points,xAxisLabel,yAxisLabel}){return/*#__PURE__*/_jsx(ChartDataTable,{children:/*#__PURE__*/_jsx(TableContainer,{"aria-label":`${ariaLabel} data`,children:/*#__PURE__*/_jsxs(Table,{children:[/*#__PURE__*/_jsxs(TableCaption,{children:[ariaLabel," values"]}),/*#__PURE__*/_jsx(TableHeader,{sticky:false,children:/*#__PURE__*/_jsxs(TableRow,{children:[/*#__PURE__*/_jsx(TableHead,{scope:"col",children:"Point"}),/*#__PURE__*/_jsx(TableHead,{scope:"col",children:xAxisLabel}),/*#__PURE__*/_jsx(TableHead,{scope:"col",children:yAxisLabel})]})}),/*#__PURE__*/_jsx(TableBody,{children:points.map(({id,label,x,y})=>/*#__PURE__*/_jsxs(TableRow,{children:[/*#__PURE__*/_jsx(TableHead,{scope:"row",children:label}),/*#__PURE__*/_jsx(TableCell,{numeric:true,children:/*#__PURE__*/_jsx("data",{value:x,children:formatX(x)})}),/*#__PURE__*/_jsx(TableCell,{numeric:true,children:/*#__PURE__*/_jsx("data",{value:y,children:formatY(y)})})]},id))})]})})});}function ScatterChartPlot({"aria-description":ariaDescription,"aria-label":ariaLabel,formatX,formatY,groups,points,xAxisLabel,xDomain,yAxisLabel,yDomain}){const definition=useMemo(()=>defineChart({// Each point's tone maps to its palette color.
+color:{domain:Object.keys(chartColors),range:Object.values(chartColors)},marks:[dot(points,{color:"tone",fillOpacity:0.75,id:"scatter-chart-points",key:({id})=>id,r:"r",strokeWidth:1.5,x:"x",y:"y"})],scales:{x:{axis:{label:xAxisLabel,ticks:{count:5,format:formatX}},grid:true,scale:scaleLinear().domain(xDomain)},y:{axis:{label:yAxisLabel,ticks:{count:5,format:formatY}},grid:true,scale:scaleLinear().domain(yDomain)}}},{tooltip:tooltipFeature}),[formatX,formatY,points,xAxisLabel,xDomain,yAxisLabel,yDomain]);const renderTooltipBody=useMemo(()=>context=>renderTooltip(context,xAxisLabel,yAxisLabel,formatX,formatY),[formatX,formatY,xAxisLabel,yAxisLabel]);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(ChartFrame,{"aria-description":ariaDescription,"aria-label":ariaLabel,definition:definition,height:280,renderTooltipBody:renderTooltipBody,tabIndex:0}),groups.length>0?/*#__PURE__*/_jsx("div",{"data-slot":"scatter-chart-legend",...props(scatterChartStyles.legend),children:/*#__PURE__*/_jsx(ChartLegend,{"aria-label":`${ariaLabel} groups`,items:groups.map(({id,label},index)=>({id,label,tone:GROUP_TONES[index]}))})}):null]});}export function ScatterChart({"aria-description":ariaDescription,"aria-label":ariaLabel,formatX,formatY,groups=[],points:inputPoints,ref:forwardedRef,tone="series1",xAxisLabel,yAxisLabel,...rest}){assertProps(ariaLabel,xAxisLabel,yAxisLabel,formatX,formatY,tone);const{points,xDomain,yDomain}=useMemo(()=>preparePoints(inputPoints,groups,tone),[groups,inputPoints,tone]);const numberFormat=useMemo(()=>new Intl.NumberFormat("en-US"),[]);const formatXValue=useMemo(()=>value=>formatNumber(value,formatX,numberFormat),[formatX,numberFormat]);const formatYValue=useMemo(()=>value=>formatNumber(value,formatY,numberFormat),[formatY,numberFormat]);for(const name of["aria-label","children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}return/*#__PURE__*/_jsxs("div",{...rest,"data-slot":"scatter-chart",ref:forwardedRef,...props(scatterChartStyles.root),children:[points.length===0?/*#__PURE__*/// biome-ignore lint/a11y/useSemanticElements: Names an empty chart, not a form group; the status keeps its own text.
+_jsx("div",{"aria-label":ariaLabel,role:"group",children:/*#__PURE__*/_jsx("p",{role:"status",...props(typeRoles.body),children:"No data available."})}):/*#__PURE__*/_jsx(ScatterChartPlot,{"aria-description":ariaDescription,"aria-label":ariaLabel,formatX:formatXValue,formatY:formatYValue,groups:groups,points:points,xAxisLabel:xAxisLabel,xDomain:xDomain,yAxisLabel:yAxisLabel,yDomain:yDomain}),/*#__PURE__*/_jsx(ScatterChartTable,{"aria-label":ariaLabel,formatX:formatXValue,formatY:formatYValue,points:points,xAxisLabel:xAxisLabel,yAxisLabel:yAxisLabel})]});}

package/dist/components/scatter-chart/scatter-chart.styles.js

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

package/dist/components/score-gauge/score-gauge.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef } from "react";
+import type { Closed } from "../../closed";
+import { type ChartSeriesTone } from "../chart-frame/chart-colors";
+export interface ScoreGaugePart {
+    /** Supporting context after the label, such as "7h 50m". */
+    detail?: string;
+    id: string;
+    label: string;
+    /** The most this part can contribute; its arc spans this share of the ring. */
+    max: number;
+    tone?: ChartSeriesTone;
+    value: number;
+}
+export type ScoreGaugeProps = Omit<Closed<ComponentPropsWithRef<"figure">>, "aria-label" | "children" | "data-slot" | "role"> & {
+    "aria-label": string;
+    locale?: string;
+    /** Up to six parts; the score is the sum of their values. */
+    parts: readonly ScoreGaugePart[];
+};
+/**
+ * A score built from parts: a segmented ring around the total, with each
+ * part's points below it.
+ */
+export declare function ScoreGauge({ "aria-label": ariaLabel, locale, parts: inputParts, ref: forwardedRef, ...rest }: ScoreGaugeProps): import("react").JSX.Element;

package/dist/components/score-gauge/score-gauge.js

@@ -0,0 +1,8 @@
+"use client";import{props}from"@stylexjs/stylex";import{typeRoles}from"../../styles/typography.styles";import{arcPath}from"../chart-frame/arc-path";import{assertAriaLabel,assertIdentity,assertNonNegative,assertTone}from"../chart-frame/chart-assert";import{chartColors}from"../chart-frame/chart-colors";import{ChartHoverTooltip,useChartHover}from"../chart-frame/chart-hover";import{scoreGaugeStyles as styles}from"./score-gauge.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const NAME="ScoreGauge";const TONES=["series1","series2","series3","series4","series5","series6"];const DIAMETER=128;const STROKE=14;// Surface gap between segments, in pixels, measured past the round caps.
+const GAP=4;const TRACK_OPACITY=0.18;function assertParts(parts){if(!Array.isArray(parts)||parts.length===0||parts.length>TONES.length){throw new RangeError("ScoreGauge needs one to six parts.");}const ids=new Set();for(const part of parts){assertIdentity(NAME,part,ids);assertNonNegative(NAME,part.value);if(!(Number.isFinite(part.max)&&part.max>0&&part.value<=part.max)){throw new RangeError("ScoreGauge parts need a positive max of at least value.");}assertTone(NAME,part.tone);}}// Each part's arc in turns: its share of the total, less half a gap at each end.
+function partRanges(maxes,gapTurns){const total=maxes.reduce((sum,max)=>sum+max,0);let start=0;return maxes.map(max=>{const from=start+gapTurns/2;start+=max/total;return{from,to:Math.max(from,start-gapTurns/2)};});}function Segments({hover,parts}){const center=DIAMETER/2;const radius=center-STROKE/2;// Round caps reach half a stroke past each end, so the gap includes them.
+const gapTurns=parts.length>1?(GAP+STROKE)/(2*Math.PI*radius):0;const ranges=partRanges(parts.map(({max})=>max),gapTurns);return/*#__PURE__*/_jsx("svg",{"aria-hidden":"true",height:DIAMETER,viewBox:`0 0 ${DIAMETER} ${DIAMETER}`,width:DIAMETER,...props(styles.svg),children:parts.map(({id,max,tone,value},index)=>{const{from,to}=ranges[index];const color=chartColors[tone];return/*#__PURE__*/_jsxs("g",{fill:"none",strokeLinecap:"round",strokeWidth:STROKE,...hover.markProps(id),...props(...hover.fade(id)),children:[/*#__PURE__*/_jsx("path",{d:arcPath(center,center,radius,from,to),stroke:color,strokeOpacity:TRACK_OPACITY}),value>0?/*#__PURE__*/_jsx("path",{d:arcPath(center,center,radius,from,from+(to-from)*(value/max)),stroke:color}):null]},id);})});}/**
+ * A score built from parts: a segmented ring around the total, with each
+ * part's points below it.
+ */export function ScoreGauge({"aria-label":ariaLabel,locale="en-US",parts:inputParts,ref:forwardedRef,...rest}){assertAriaLabel(NAME,ariaLabel);assertParts(inputParts);for(const name of["children","className","data-slot","role","style"]){Reflect.deleteProperty(rest,name);}const{format}=new Intl.NumberFormat(locale);const parts=inputParts.map((part,index)=>({...part,tone:part.tone??TONES[index]}));const hover=useChartHover();const{fade,hostRef,hostStyle,linkProps,markProps}=hover;// Hovering a segment shows its points; hovering a row lights its segment.
+const tips=new Map(parts.map(({id,label,max:partMax,tone,value})=>[id,{items:[{id,label,tone,value:`${format(value)}/${format(partMax)}`}]}]));const segmentHover={fade,markProps:id=>markProps(id,tips.get(id))};const score=parts.reduce((sum,{value})=>sum+value,0);const max=parts.reduce((sum,part)=>sum+part.max,0);return/*#__PURE__*/_jsxs("figure",{...rest,"aria-label":ariaLabel,"data-slot":"score-gauge",ref:forwardedRef,...props(styles.root,typeRoles.ui),children:[/*#__PURE__*/_jsxs("div",{ref:hostRef,...props(styles.figure,hostStyle),children:[/*#__PURE__*/_jsx(Segments,{hover:segmentHover,parts:parts}),/*#__PURE__*/_jsxs("span",{"data-slot":"score-gauge-score",...props(styles.score),children:[/*#__PURE__*/_jsx("span",{...props(typeRoles.title),children:format(score)}),/*#__PURE__*/_jsxs("span",{...props(styles.detail,typeRoles.caption),children:["of ",format(max)]})]}),/*#__PURE__*/_jsx(ChartHoverTooltip,{hover:hover.hover})]}),/*#__PURE__*/_jsx("ul",{...props(styles.list),children:parts.map(({detail,id,label,max:partMax,tone,value})=>/*#__PURE__*/_jsxs("li",{"data-slot":"score-gauge-part",...linkProps(id),...props(styles.row,...fade(id)),children:[/*#__PURE__*/_jsxs("span",{...props(styles.label),children:[/*#__PURE__*/_jsx("span",{"aria-hidden":"true",...props(styles.swatch(chartColors[tone]))}),/*#__PURE__*/_jsxs("span",{children:[label,detail?/*#__PURE__*/_jsxs("span",{...props(styles.detail),children:[": ",detail]}):null]})]}),/*#__PURE__*/_jsxs("span",{...props(styles.value),children:[format(value),"/",format(partMax)]})]},id))})]});}

package/dist/components/score-gauge/score-gauge.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";import"../../styles/typography.stylex";import{fontWeight}from"../../styles/typography.stylex";const _temp={kZKoxP:"x1qa65zt",kaIpWk:"x18zih8k",kmuXW:"x2lah0s",kzqmXN:"x1e7hgle","$$css":true};export const scoreGaugeStyles={detail:{kMwMTN:"x125omll",$$css:true},figure:{kSGwAc:"xamitd3",k1xSpc:"xrvj5dj",kgQiWS:"x1ku5rj1",kVAEAm:"x1n2onr6",$$css:true},label:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",k7Eaqz:"xeuugli",$$css:true},list:{kSGwAc:"xkh2ocl",kWkggS:"xwn18cz",kaIpWk:"x2b34ud",kB88ic:"xe8uvvx",kogj98:"x1ghz6dp",k8WAf4:"x1lmimt7",kg3NbH:"xy7odpl",$$css:true},root:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",kogj98:"x1ghz6dp",k7Eaqz:"xeuugli",$$css:true},row:{kGNEyG:"x6s0dn4",kLZC3w:"x19kogei xcadu6e",kPef9Z:"x13fuv20",kEafiO:"x178xt8z",k1xSpc:"x78zum5",kOIVth:"xiw8qbs",kjj79g:"x1qughib",kAzted:"xsejkeq",$$css:true},score:{kGNEyG:"x6s0dn4",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kcqcaj:"xss6m8b",kpwlN0:"x10a8y8t",kjj79g:"xl56j7k",kfzvcC:"x47corl",kVAEAm:"x10l6tqk",$$css:true},svg:{k1xSpc:"x1lliihq",$$css:true},swatch:backgroundColor=>[_temp,{kWkggS:backgroundColor!=null?"xl8spv7":backgroundColor,$$css:true},{"--x-backgroundColor":backgroundColor!=null?backgroundColor:undefined}],value:{kMwMTN:"x14tvo57",kmuXW:"x2lah0s",kcqcaj:"xss6m8b",k63SB2:"xuku2lm",$$css:true}};

package/dist/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,26 @@
+import type { ScrollAreaRootProps as BaseScrollAreaRootProps, ScrollAreaScrollbarProps as BaseScrollAreaScrollbarProps } from "@base-ui/react/scroll-area";
+import { ScrollArea as BaseScrollArea } from "@base-ui/react/scroll-area";
+import type { ComponentPropsWithRef } from "react";
+type BaseRootProps = ComponentPropsWithRef<typeof BaseScrollArea.Root>;
+type BaseScrollbarProps = ComponentPropsWithRef<typeof BaseScrollArea.Scrollbar>;
+export type ScrollAreaProps = Omit<BaseScrollAreaRootProps, "className" | "data-slot" | "style"> & {
+    clampContentMinWidth?: boolean;
+    fill?: boolean;
+    overscrollContain?: boolean;
+    ref?: BaseRootProps["ref"];
+    scrollFade?: boolean;
+    scrollbarGutter?: boolean;
+};
+export type ScrollAreaViewportProps = Omit<ComponentPropsWithRef<typeof BaseScrollArea.Viewport>, "className" | "data-slot" | "style">;
+export type ScrollAreaThumbProps = Omit<ComponentPropsWithRef<typeof BaseScrollArea.Thumb>, "className" | "data-slot" | "style">;
+export type ScrollAreaCornerProps = Omit<ComponentPropsWithRef<typeof BaseScrollArea.Corner>, "className" | "data-slot" | "style">;
+export type ScrollAreaScrollbarProps = Omit<BaseScrollAreaScrollbarProps, "className" | "data-slot" | "style"> & {
+    ref?: BaseScrollbarProps["ref"];
+};
+export declare function ScrollAreaScrollbar({ children, orientation, ref: forwardedRef, render, ...rest }: ScrollAreaScrollbarProps): import("react").JSX.Element;
+export declare function ScrollAreaViewport({ render, ...rest }: ScrollAreaViewportProps): import("react").JSX.Element;
+export declare function ScrollAreaThumb({ render, ...rest }: ScrollAreaThumbProps): import("react").JSX.Element;
+export declare function ScrollAreaCorner({ render, ...rest }: ScrollAreaCornerProps): import("react").JSX.Element;
+export declare function ScrollArea({ children, clampContentMinWidth, fill, overscrollContain, ref: forwardedRef, render, scrollFade, scrollbarGutter, ...rest }: ScrollAreaProps): import("react").JSX.Element;
+export declare const ScrollAreaPrimitive: typeof BaseScrollArea;
+export {};

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1 @@
+"use client";import{ScrollArea as BaseScrollArea}from"@base-ui/react/scroll-area";import{props}from"@stylexjs/stylex";import{protectRenderSlot}from"../../render-utils";import{scrollAreaStyles}from"./scroll-area.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function getViewportProps(scrollFade,scrollbarGutter,overscrollContain){return props(scrollAreaStyles.viewport,scrollFade?scrollAreaStyles.viewportFade:null,scrollbarGutter?scrollAreaStyles.viewportGutter:null,overscrollContain?scrollAreaStyles.viewportOverscrollContain:null);}function getContentProps(clampContentMinWidth,fill){const contentProps=props(scrollAreaStyles.content,fill?scrollAreaStyles.contentFill:null);return{...contentProps,style:clampContentMinWidth?{...contentProps.style,minWidth:0}:contentProps.style};}export function ScrollAreaScrollbar({children,orientation="vertical",ref:forwardedRef,render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseScrollArea.Scrollbar,{...rest,"data-slot":"scroll-area-scrollbar",orientation:orientation,ref:forwardedRef,render:protectRenderSlot("scroll-area-scrollbar",render),...props(scrollAreaStyles.scrollbar,orientation==="horizontal"?scrollAreaStyles.scrollbarHorizontal:scrollAreaStyles.scrollbarVertical),children:children??/*#__PURE__*/_jsx(ScrollAreaThumb,{})});}export function ScrollAreaViewport({render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseScrollArea.Viewport,{...rest,"data-slot":"scroll-area-viewport",render:protectRenderSlot("scroll-area-viewport",render),...props(scrollAreaStyles.viewport)});}export function ScrollAreaThumb({render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseScrollArea.Thumb,{...rest,"data-slot":"scroll-area-thumb",render:protectRenderSlot("scroll-area-thumb",render),...props(scrollAreaStyles.thumb)});}export function ScrollAreaCorner({render,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");return/*#__PURE__*/_jsx(BaseScrollArea.Corner,{...rest,"data-slot":"scroll-area-corner",render:protectRenderSlot("scroll-area-corner",render),...props(scrollAreaStyles.corner)});}export function ScrollArea({children,clampContentMinWidth=true,fill=false,overscrollContain=false,ref:forwardedRef,render,scrollFade=false,scrollbarGutter=false,...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"data-slot");Reflect.deleteProperty(rest,"style");const viewportProps=getViewportProps(scrollFade,scrollbarGutter,overscrollContain);const contentProps=getContentProps(clampContentMinWidth,fill);return/*#__PURE__*/_jsxs(BaseScrollArea.Root,{...rest,"data-slot":"scroll-area",ref:forwardedRef,render:protectRenderSlot("scroll-area",render),...props(scrollAreaStyles.root,scrollFade&&scrollAreaStyles.rootFadeFocus),children:[/*#__PURE__*/_jsx(BaseScrollArea.Viewport,{"data-slot":"scroll-area-viewport",...viewportProps,children:/*#__PURE__*/_jsx(BaseScrollArea.Content,{"data-slot":"scroll-area-content",...contentProps,children:children})}),/*#__PURE__*/_jsx(ScrollAreaScrollbar,{orientation:"vertical"}),/*#__PURE__*/_jsx(ScrollAreaScrollbar,{orientation:"horizontal"}),/*#__PURE__*/_jsx(ScrollAreaCorner,{})]});}export const ScrollAreaPrimitive=BaseScrollArea;

package/dist/components/scroll-area/scroll-area.styles.js

@@ -0,0 +1,2 @@
+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,focusOutline}from"../../styles/interaction.stylex";import"../../styles/motion.stylex";import{duration,easing}from"../../styles/motion.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";// A 6px thumb with 2px of padding on each side.
+const scrollbarSize="0.625rem";export const scrollAreaStyles={content:{kB7OPa:"x9f619",$$css:true},contentFill:{kZKoxP:"x5yr21d",kzqmXN:"xh8yej3",$$css:true},corner:{kWkggS:"xjbqb8w",$$css:true},root:{kaIpWk:"x1pjcqnp",kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kZKoxP:"x5yr21d",kAzted:"x2lwn1j",k7Eaqz:"xeuugli",kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},rootFadeFocus:{k44tkh:"x1oqagjg",kKVMdj:"x1faklph",kjBf7l:"x1rirsgb x1uczgqu",kInvED:"x1w1ofmy",k3XXqK:"xaatb59",kMeerF:"x1vhx2qj",$$css:true},scrollbar:{kB7OPa:"x9f619",k1xSpc:"x78zum5",kogj98:"x4xc7ll",kSiTet:"x4gyw5p xa8b0n8 x14yfv3t x1xl9hlu x1cxg013 xg01cxk",kmVPX3:"xn78a6a",kIr0Dl:"x1xwy2sn x1ees1h6 xtt0mxi xgx2nz3 xw74j3l x1ui1jxi",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x19991ni",kAMwcw:"xvhdtae",$$css:true},scrollbarHorizontal:{kXwgrk:"xdt5ytf",kZKoxP:"x1qa65zt",$$css:true},scrollbarVertical:{kzqmXN:"x1e7hgle",$$css:true},thumb:{kWkggS:"x1pk6shq x1ulgpe8 x1jhsfs9",kaIpWk:"x2b34ud",kZKoxP:"x5yr21d",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x15406qy",kAMwcw:"xvhdtae",kzqmXN:"xh8yej3",$$css:true},viewport:{k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kaIpWk:"x1pjcqnp",kB7OPa:"x9f619",kzQI83:"x1iyjqo2",kZKoxP:"x5yr21d",kAzted:"x2lwn1j",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"xm9seqh x1vhx2qj",kVAEAm:"x1n2onr6",kzqmXN:"xh8yej3",$$css:true},viewportFade:{kQB4zb:"xyo8xb9",kX1K2I:"xgtlms7",kMeerF:"x1k57tk5",$$css:true},viewportGutter:{kGO01o:"x16o3s7r xi7nl63 x4e3euo",kwRFfy:"x12ri8hg x1frvd6b x1tt4c4l",$$css:true},viewportOverscrollContain:{kvh3hx:"xvqwgzd xbs35he x1t1jukp",kacamN:"x1gn2952 xj4cish xy5w88m",$$css:true}};

package/dist/components/section/section.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithRef } from "react";
+type NativeSectionProps = ComponentPropsWithRef<"section">;
+export type SectionProps = Omit<NativeSectionProps, "className" | "role" | "style">;
+export declare function Section({ children, ref: forwardedRef, ...rest }: SectionProps): import("react").JSX.Element;
+export {};

package/dist/components/section/section.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{sectionStyles}from"./section.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Section({children,ref:forwardedRef,...rest}){Reflect.deleteProperty(rest,"role");return/*#__PURE__*/_jsx("section",{...rest,"data-slot":"section",ref:forwardedRef,...props(sectionStyles.base),children:children});}

package/dist/components/section/section.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/spacing.stylex";import{space}from"../../styles/spacing.stylex";export const sectionStyles={base:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",k7Eaqz:"xeuugli",$$css:true}};

package/dist/components/segmented-control/segmented-control.d.ts

@@ -0,0 +1,10 @@
+import type { ToggleGroupProps, ToggleProps, ToggleSize } from "../toggle/toggle";
+type SegmentedControlSize = Extract<ToggleSize, "default" | "sm" | "lg">;
+export type SegmentedControlProps<Value extends string = string> = Omit<ToggleGroupProps<Value>, "multiple" | "size" | "type" | "variant"> & {
+    size?: SegmentedControlSize;
+};
+type DistributiveOmit<Props, Key extends PropertyKey> = Props extends unknown ? Omit<Props, Key> : never;
+export type SegmentedControlItemProps<Value extends string = string> = DistributiveOmit<ToggleProps<Value>, "type" | "variant">;
+export declare function SegmentedControl<Value extends string = string>({ children, orientation, ref: forwardedRef, size, ...rest }: SegmentedControlProps<Value>): import("react").JSX.Element;
+export declare function SegmentedControlItem<Value extends string = string>({ children, ref: forwardedRef, size, ...rest }: SegmentedControlItemProps<Value>): import("react").JSX.Element;
+export {};

package/dist/components/segmented-control/segmented-control.js

@@ -0,0 +1 @@
+"use client";import{Toggle as BaseToggle}from"@base-ui/react/toggle";import{ToggleGroup as BaseToggleGroup}from"@base-ui/react/toggle-group";import{props}from"@stylexjs/stylex";import{createContext,useContext}from"react";import{controlLabel}from"../../control-label";import{segmentedStyles}from"./segmented-control.styles";import{jsx as _jsx}from"react/jsx-runtime";const SizeContext=createContext("default");const sizeStyles={default:segmentedStyles.defaultSize,icon:segmentedStyles.defaultSize,"icon-lg":segmentedStyles.lg,"icon-sm":segmentedStyles.sm,lg:segmentedStyles.lg,sm:segmentedStyles.sm};export function SegmentedControl({children,orientation="horizontal",ref:forwardedRef=undefined,size="default",...rest}){Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"style");Reflect.deleteProperty(rest,"render");Reflect.deleteProperty(rest,"type");return/*#__PURE__*/_jsx(SizeContext,{value:size,children:/*#__PURE__*/_jsx(BaseToggleGroup,{...rest,"data-slot":"segmented-control",multiple:false,orientation:orientation,ref:forwardedRef,...props(segmentedStyles.root,orientation==="vertical"&&segmentedStyles.vertical),children:children})});}export function SegmentedControlItem({children,ref:forwardedRef=undefined,size,...rest}){const groupSize=useContext(SizeContext);const resolvedSize=size??groupSize;Reflect.deleteProperty(rest,"className");Reflect.deleteProperty(rest,"style");Reflect.deleteProperty(rest,"render");return/*#__PURE__*/_jsx(BaseToggle,{...rest,"data-slot":"segmented-control-item",ref:forwardedRef,type:"button",...props(segmentedStyles.item,sizeStyles[resolvedSize],resolvedSize.startsWith("icon")&&segmentedStyles.iconSize),children:controlLabel(children)});}

package/dist/components/segmented-control/segmented-control.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,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,lineHeight}from"../../styles/typography.stylex";import"../toggle/toggle-colors.stylex";import{toggleColors}from"../toggle/toggle-colors.stylex";export const segmentedStyles={defaultSize:{kAzted:"x1in32aq",kg3NbH:"xy7odpl",$$css:true},iconSize:{kOBAk4:"x1plog1",kg3NbH:"xnjsko4",$$css:true},item:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kysU6D:"xjyslct",kWkggS:"x1tnixi3 x1tv601l xjbqb8w",kVAM5u:"x9r1u3d",kaIpWk:"x2b34ud",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"xgcb82z xy51whf x1gnnqk1",kB7OPa:"x9f619",kMwMTN:"x1emke2o x125omll x1lggr1q",kkrTdU:"x1j1ks5o x1ypdohk",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kMv6JI:"xjb2p0i",kGuDYH:"xlh8hku",k63SB2:"xuku2lm",kAXs8y:"x1tzjh5l xuzkl9k",kOIVth:"x13hh4mm",kZKoxP:"xgaasie",kjj79g:"xl56j7k",kLWn49:"x2xzzt7",k7Eaqz:"xeuugli",kSiTet:"x1yporm9 x1hc1fzr",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x11r2kya",k3XXqK:"x9v5kkp x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"xt970qd",kVAEAm:"x1n2onr6",kIyJzY:"x1j5v3x2 x1e471i8",k1ekBW:"xeimgx8",kAMwcw:"xvhdtae",kfSwDN:"x87ps6o",khDVqt:"xuxw1ft",kzqmXN:"xwe2phr",$$css:true},lg:{kAzted:"x19wm6jj",kg3NbH:"xy7odpl",$$css:true},root:{kGNEyG:"x1qjc9v5",kWkggS:"x1o7hn9x",kaIpWk:"x1jw0md8",kGVxlE:"x1xxjdaf",kB7OPa:"x9f619",k1xSpc:"x3nfvp2",kOIVth:"x13hh4mm",ks0D6T:"x193iq5w",kXHlph:"xw2csxc",kmVPX3:"xlxy37g",katHQp:"x1g2bcle",kzqmXN:"xeq5yr9",$$css:true},sm:{kAzted:"x1pw4g4d",kg3NbH:"xb5xqfq",$$css:true},vertical:{kXwgrk:"xdt5ytf",$$css:true}};

package/dist/components/select/select.d.ts

@@ -0,0 +1,55 @@
+import type { SelectRootProps } from "@base-ui/react/select";
+import { Select as BaseSelect } from "@base-ui/react/select";
+import { useRender } from "@base-ui/react/use-render";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+type Closed<T> = Omit<T, "className" | "style" | "render">;
+type SelectPositionerProps = ComponentPropsWithRef<typeof BaseSelect.Positioner>;
+type SelectPortalProps = Omit<ComponentPropsWithRef<typeof BaseSelect.Portal>, "className" | "style">;
+export type SelectProps<Value = unknown, Multiple extends boolean | undefined = false> = Closed<SelectRootProps<Value, Multiple>>;
+export type SelectLabelProps = Closed<ComponentPropsWithRef<typeof BaseSelect.Label>>;
+export type SelectTriggerProps = Closed<Omit<Closed<ComponentPropsWithRef<typeof BaseSelect.Trigger>>, "children" | "disabled" | "ref"> & {
+    children?: ReactNode;
+    disabled?: boolean;
+    invalid?: boolean;
+    ref?: ComponentPropsWithRef<typeof BaseSelect.Trigger>["ref"];
+    size?: SelectSize;
+}>;
+export type SelectValueProps = Closed<Omit<Closed<ComponentPropsWithRef<typeof BaseSelect.Value>>, "children" | "placeholder" | "ref"> & {
+    children?: ReactNode;
+    placeholder?: ReactNode;
+    ref?: ComponentPropsWithRef<typeof BaseSelect.Value>["ref"];
+}>;
+export type SelectPopupProps = Closed<Omit<Closed<ComponentPropsWithRef<typeof BaseSelect.Popup>>, "children" | "ref"> & {
+    align?: SelectPositionerProps["align"];
+    alignItemWithTrigger?: SelectPositionerProps["alignItemWithTrigger"];
+    children?: ReactNode;
+    container?: SelectPortalProps["container"];
+    ref?: ComponentPropsWithRef<typeof BaseSelect.Popup>["ref"];
+    sideOffset?: SelectPositionerProps["sideOffset"];
+}>;
+export type SelectItemProps = Closed<Omit<Closed<ComponentPropsWithRef<typeof BaseSelect.Item>>, "children" | "ref"> & {
+    children?: ReactNode;
+    ref?: ComponentPropsWithRef<typeof BaseSelect.Item>["ref"];
+}>;
+export type SelectItemIconProps = Closed<Omit<ComponentPropsWithRef<"span">, "children" | "className" | "style"> & {
+    children: ReactNode;
+}>;
+export type SelectGroupProps = Closed<ComponentPropsWithRef<typeof BaseSelect.Group>>;
+export type SelectGroupLabelProps = Closed<ComponentPropsWithRef<typeof BaseSelect.GroupLabel>>;
+export type SelectSeparatorProps = Closed<ComponentPropsWithRef<typeof BaseSelect.Separator>>;
+export type SelectSize = "default" | "lg" | "sm";
+export declare function Select<Value, Multiple extends boolean | undefined = false>(rootProps: SelectProps<Value, Multiple>): import("react").JSX.Element;
+export declare function SelectLabel({ children, ref: forwardedRef, ...rest }: SelectLabelProps): import("react").JSX.Element;
+export interface SelectButtonProps extends Omit<useRender.ComponentProps<"button">, "className" | "style"> {
+    size?: SelectSize;
+}
+export declare function SelectButton({ children, size, render, ...rest }: SelectButtonProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function SelectTrigger({ children, disabled, invalid, ref: forwardedRef, size, ...rest }: SelectTriggerProps): import("react").JSX.Element;
+export declare function SelectValue({ children, placeholder, ref: forwardedRef, ...rest }: SelectValueProps): import("react").JSX.Element;
+export declare function SelectPopup({ align, alignItemWithTrigger, children, container, ref: forwardedRef, sideOffset, ...rest }: SelectPopupProps): import("react").JSX.Element;
+export declare function SelectItem({ children, ref: forwardedRef, ...rest }: SelectItemProps): import("react").JSX.Element;
+export declare function SelectItemIcon({ children, ref: forwardedRef, ...rest }: SelectItemIconProps): import("react").JSX.Element;
+export declare function SelectGroup({ children, ref: forwardedRef, ...rest }: SelectGroupProps): import("react").JSX.Element;
+export declare function SelectGroupLabel({ children, ref: forwardedRef, ...rest }: SelectGroupLabelProps): import("react").JSX.Element;
+export declare function SelectSeparator({ ref: forwardedRef, ...rest }: SelectSeparatorProps): import("react").JSX.Element;
+export {};

package/dist/components/select/select.js

@@ -0,0 +1 @@
+"use client";import{mergeProps}from"@base-ui/react/merge-props";import{Select as BaseSelect}from"@base-ui/react/select";import{useRender}from"@base-ui/react/use-render";import{props}from"@stylexjs/stylex";import{controlLabel}from"../../control-label";import{IconCheck,IconChevronDown,IconSelector}from"../../icons";import{selectStyles}from"./select.styles";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";const sizeStyles={default:selectStyles.sizeDefault,lg:selectStyles.sizeLg,sm:selectStyles.sizeSm};function ChevronIcon(){return/*#__PURE__*/_jsx(IconChevronDown,{"aria-hidden":"true",focusable:"false",...props(selectStyles.chevron),size:"1em"});}function CheckIcon(){return/*#__PURE__*/_jsx(IconCheck,{"aria-hidden":"true",focusable:"false",...props(selectStyles.checkIcon),size:"1em"});}export function Select(rootProps){return/*#__PURE__*/_jsx(BaseSelect.Root,{...rootProps});}export function SelectLabel({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseSelect.Label,{...rest,ref:forwardedRef,...props(selectStyles.label),children:children});}export function SelectButton({children,size="default",render,...rest}){const defaults={...props(selectStyles.trigger,sizeStyles[size]),children:/*#__PURE__*/_jsxs(_Fragment,{children:[controlLabel(children),/*#__PURE__*/_jsx(IconSelector,{"aria-hidden":"true",focusable:"false",size:"1em",...props(selectStyles.chevron)})]}),"data-slot":"select-button",type:render?undefined:"button"};return useRender({defaultTagName:"button",props:mergeProps(defaults,rest),render});}export function SelectTrigger({children,disabled=false,invalid=false,ref:forwardedRef,size="default",...rest}){return/*#__PURE__*/_jsxs(BaseSelect.Trigger,{...rest,"aria-invalid":invalid||undefined,disabled:disabled,ref:forwardedRef,...props(selectStyles.trigger,sizeStyles[size]),children:[controlLabel(children),/*#__PURE__*/_jsx(BaseSelect.Icon,{...props(selectStyles.icon),children:/*#__PURE__*/_jsx(ChevronIcon,{})})]});}export function SelectValue({children,placeholder,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseSelect.Value,{...rest,placeholder:controlLabel(placeholder),ref:forwardedRef,render:renderValue,...props(selectStyles.value),children:controlLabel(children)});}function renderValue({children,...attributes}){return/*#__PURE__*/_jsx("span",{...attributes,children:controlLabel(children)});}export function SelectPopup({align,alignItemWithTrigger,children,container,ref:forwardedRef,sideOffset=4,...rest}){return/*#__PURE__*/_jsx(BaseSelect.Portal,{container:container,children:/*#__PURE__*/_jsx(BaseSelect.Positioner,{align:align,alignItemWithTrigger:alignItemWithTrigger,sideOffset:sideOffset,...props(selectStyles.positioner),children:/*#__PURE__*/_jsx(BaseSelect.Popup,{...rest,ref:forwardedRef,...props(selectStyles.popup),children:/*#__PURE__*/_jsx(BaseSelect.List,{...props(selectStyles.list),children:children})})})});}export function SelectItem({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsxs(BaseSelect.Item,{...rest,ref:forwardedRef,...props(selectStyles.item),children:[/*#__PURE__*/_jsx(BaseSelect.ItemText,{...props(selectStyles.itemText),children:controlLabel(children)}),/*#__PURE__*/_jsx(BaseSelect.ItemIndicator,{keepMounted:true,...props(selectStyles.itemIndicator),children:/*#__PURE__*/_jsx(CheckIcon,{})})]});}export function SelectItemIcon({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx("span",{...rest,"aria-hidden":"true","data-slot":"select-item-icon",ref:forwardedRef,...props(selectStyles.itemIcon),children:children});}export function SelectGroup({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseSelect.Group,{...rest,ref:forwardedRef,...props(selectStyles.group),children:children});}export function SelectGroupLabel({children,ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseSelect.GroupLabel,{...rest,ref:forwardedRef,...props(selectStyles.groupLabel),children:children});}export function SelectSeparator({ref:forwardedRef,...rest}){return/*#__PURE__*/_jsx(BaseSelect.Separator,{...rest,ref:forwardedRef,...props(selectStyles.separator)});}

package/dist/components/select/select.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/floating-item-colors.stylex";import{floatingItemColors}from"../../styles/floating-item-colors.stylex";import"../../styles/fonts.stylex";import{fonts}from"../../styles/fonts.stylex";import"../../styles/interaction.stylex";import{borderWidth,focus,focusMotion,focusOutline,forcedColorAdjust,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 selectStyles={checkIcon:{k1xSpc:"x1lliihq",kZKoxP:"x1l36t39",kzqmXN:"xcdlrvm",$$css:true},chevron:{kMwMTN:"x15rks2t",kmuXW:"x2lah0s",kZKoxP:"x1l36t39",kzqmXN:"xcdlrvm",$$css:true},group:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x70wzam",$$css:true},groupLabel:{kMwMTN:"x125omll",kGuDYH:"x1ws78te",kC21eY:"x2vx8kg",k63SB2:"xuku2lm",kb6lSQ:"xdee7k9",kLWn49:"x76y1r9",kGO01o:"xvx3g1o",kLKAdn:"xvdlrvc",kg3NbH:"xb5xqfq",$$css:true},icon:{kGNEyG:"x6s0dn4",k1xSpc:"x3nfvp2",kjj79g:"xl56j7k",k3aq6I:"x1rc4jnv x1c071of",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x11xpdln",kAMwcw:"xvhdtae",$$css:true},item:{kGNEyG:"x6s0dn4",kWkggS:"x1atuimu xj38tjg x1kx3fsp xjbqb8w",kaIpWk:"xep4s08",kB7OPa:"x9f619",kMwMTN:"x1ovde1y xj6ywgx x4w30m9 x14tvo57",kkrTdU:"x1j1ks5o x1ypdohk",k1xSpc:"x78zum5",kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",k63SB2:"x1taq0p8 x1lo1l87",kAXs8y:"x1t9pinz",kOIVth:"xp4ho6d",kLWn49:"x2xzzt7",kAzted:"x1vigsvi",kSiTet:"x1yporm9 x1hc1fzr",kjBf7l:"xf5tgej x1uczgqu",kInvED:"x11r2kya",k3XXqK:"x159zbam x1t137rt",kMeerF:"x1vhx2qj",k8WAf4:"xz8rb64",kwRFfy:"xuvjzps",kZCmMZ:"xt0na8i",kVAEAm:"x1n2onr6",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x7h6xqb",kAMwcw:"xvhdtae",$$css:true},itemIcon:{kGNEyG:"x6s0dn4",kMwMTN:"x15rks2t",k1xSpc:"x3nfvp2",kzQI83:"x1c4vz4f",kmuXW:"x2lah0s",kZKoxP:"x1l36t39",kjj79g:"xl56j7k",kLWn49:"x14ju556",kzqmXN:"xcdlrvm",$$css:true},itemIndicator:{kGNEyG:"x6s0dn4",k1xSpc:"x3nfvp2",kmuXW:"x2lah0s",kjj79g:"xl56j7k",keTefX:"xvc5jky",kSiTet:"x1azc7yd xg01cxk",k3aq6I:"x1ejlj9d xziw2gg",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x6o7n8i",kAMwcw:"xvhdtae",$$css:true},itemText:{kGNEyG:"x6s0dn4",k1xSpc:"x78zum5",kOIVth:"xp4ho6d",k7Eaqz:"xeuugli",$$css:true},label:{kMwMTN:"x14tvo57",k1xSpc:"x1lliihq",kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",k63SB2:"xuku2lm",kLWn49:"x2xzzt7",k1K539:"x1csto",$$css:true},list:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x70wzam",$$css:true},popup:{kWkggS:"xui3q9s",kVAM5u:"x1l55r2k x155xxfk",kaIpWk:"x1yl01a3",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1mhlhek",kB7OPa:"x9f619",k7Eaqz:"x80t9vs",kSiTet:"xiyypsa x1hw7zpd x1hc1fzr",kmVPX3:"x1btfdvn",k3aq6I:"x1gunr66 x2f6xu9 x1c071of",k3nNDw:"xctpfpq",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x6o7n8i",kAMwcw:"xvhdtae",$$css:true},positioner:{kY2c9j:"xa9119d",$$css:true},separator:{kWkggS:"xcmsz27",kZKoxP:"x1pt7pui",kqGvvJ:"xaoelkr",kUOVxO:"x111xfez",$$css:true},sizeDefault:{kZKoxP:"x1wtl264",$$css:true},sizeLg:{kZKoxP:"x1nwj9bq",$$css:true},sizeSm:{kT0f0o:"x1hia2b7",kVL7Gh:"x1dz734k",kfmiAY:"x2dv6dr",krdFHd:"xn5rixj",kGuDYH:"xlh8hku",kZKoxP:"x1sscbzi",kLWn49:"x2xzzt7",$$css:true},trigger:{kGNEyG:"x6s0dn4",k44tkh:"x1iha7go",kKVMdj:"x1b5t0b2",kysU6D:"xjyslct",kWkggS:"x1snul95 xvojraa",kVAM5u:"x1jj8si6 xmbfmij x1m207df x9r1u3d",kaIpWk:"x1jw0md8",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"x1bep6d6 x1xxjdaf",kB7OPa:"x9f619",kMwMTN:"x1fridz5 x14tvo57",kkrTdU:"x1j1ks5o xktmlxf x1ypdohk",k1xSpc:"x78zum5",kMv6JI:"xjb2p0i",kGuDYH:"x12ama9c",kC21eY:"x2vx8kg",k63SB2:"x1lo1l87",kOIVth:"xp4ho6d",kjj79g:"x1qughib",kLWn49:"x1rn0pvf",k7Eaqz:"xeuugli",kjBf7l:"x4dprnk x1uczgqu",kInvED:"x7jjmpn x1w1ofmy",k3XXqK:"x9v5kkp xzc55om",kMeerF:"xm9seqh x1vhx2qj",k8WAf4:"xt970qd",kg3NbH:"xy7odpl",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x787gf7",kAMwcw:"xvhdtae",kzqmXN:"xh8yej3",$$css:true},value:{kGNEyG:"x6s0dn4",kMwMTN:"x1dd79om x14tvo57",k1xSpc:"x78zum5",kzQI83:"x1iyjqo2",kOIVth:"xp4ho6d",k7Eaqz:"xeuugli",kSiTet:"x1hc1fzr",kVQacm:"xb3r6kr",k8WAf4:"xauslqb",kg5iWk:"xlyipyv",khDVqt:"xuxw1ft",$$css:true}};

package/dist/components/separator/separator.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithRef } from "react";
+type NativeSeparatorProps = ComponentPropsWithRef<"hr">;
+export type SeparatorProps = Omit<NativeSeparatorProps, "aria-orientation" | "children" | "className" | "role" | "style">;
+export declare function Separator({ ref: forwardedRef, ...rest }: SeparatorProps): import("react").JSX.Element;
+export {};

package/dist/components/separator/separator.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{separatorStyles}from"./separator.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Separator({ref:forwardedRef,...rest}){Reflect.deleteProperty(rest,"role");Reflect.deleteProperty(rest,"aria-orientation");return/*#__PURE__*/_jsx("hr",{...rest,"data-slot":"separator",ref:forwardedRef,...props(separatorStyles.base)});}

package/dist/components/separator/separator.styles.js

@@ -0,0 +1 @@
+import{create}from"@stylexjs/stylex";import"../../styles/colors.stylex";import{colors}from"../../styles/colors.stylex";import"../../styles/interaction.stylex";import{borderWidth}from"../../styles/interaction.stylex";export const separatorStyles={base:{kWkggS:"xcmsz27",ksu8eU:"xng3xce",kMzoRj:"xc342km",kZKoxP:"x1pt7pui",kogj98:"x1ghz6dp",kzqmXN:"xh8yej3",$$css:true}};

package/dist/components/sheet/sheet-layout.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{protectRenderSlot as protectSlot}from"../../render-utils";import{ScrollArea}from"../scroll-area/scroll-area";import{sheetStyles}from"./sheet.styles";import{jsx as _jsx}from"react/jsx-runtime";export function SheetHeader({children,ref:forwardedRef,render,...rest}){return useRender({defaultTagName:"div",props:mergeProps({children,...props(sheetStyles.header),"data-slot":"sheet-header"},rest),ref:forwardedRef,render:protectSlot("sheet-header",render)});}export function SheetPanel({children,ref:forwardedRef,render,scrollFade=true,...rest}){const panel=useRender({defaultTagName:"div",props:mergeProps({children,...props(sheetStyles.panel),"data-slot":"sheet-panel"},rest),ref:forwardedRef,render:protectSlot("sheet-panel",render)});return/*#__PURE__*/_jsx(ScrollArea,{fill:true,overscrollContain:true,render:/*#__PURE__*/_jsx("div",{...props(sheetStyles.scrollArea)}),scrollFade:scrollFade,children:panel});}export function SheetFooter({children,ref:forwardedRef,render,variant="default",...rest}){return useRender({defaultTagName:"div",props:mergeProps({children,...props(sheetStyles.footer,variant==="bare"?sheetStyles.footerBare:null),"data-slot":"sheet-footer"},rest),ref:forwardedRef,render:protectSlot("sheet-footer",render)});}

package/dist/components/sheet/sheet-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 sheetPositionsStyles={popup_bottom:{kEafiO:"x1vfp6xi",kfmiAY:"x1arab8j",krdFHd:"x1ig4fz6",kskxy:"x1g15ey4",k3aq6I:"xzka6uc xq2sz74 x1c071of",kzqmXN:"xh8yej3",$$css:true},popup_inset:{kaIpWk:"xiwmmuw x2u8bby",kMzoRj:"x1flts0n xc342km",$$css:true},popup_left:{kT0f0o:"x3dbire",ke9TFa:"xcfvy8v",kfmiAY:"x1arab8j",kZKoxP:"x5yr21d",ks0D6T:"x193lwwl",k3aq6I:"x19xlj1k xjmk8y9 x1c071of",kzqmXN:"x1w1wbw6",$$css:true},popup_right:{kVL7Gh:"xqo3ow1",k2ei4v:"x7rxzx0",krdFHd:"x1ig4fz6",kZKoxP:"x5yr21d",ks0D6T:"x193lwwl",k3aq6I:"xkjoyu8 x1gezf6q x1c071of",kzqmXN:"x1w1wbw6",$$css:true},popup_top:{kt9PQ7:"x13k63ub",kT0f0o:"x3dbire",kVL7Gh:"xqo3ow1",kskxy:"x1g15ey4",k3aq6I:"x6bpw8b x1gh20cn x1c071of",kzqmXN:"xh8yej3",$$css:true},viewport_bottom:{kGNEyG:"xuk3077",kjj79g:"x1szn6h9",$$css:true},viewport_inset:{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 viewportSideStyles={bottom:sheetPositionsStyles.viewport_bottom,left:sheetPositionsStyles.viewport_left,right:sheetPositionsStyles.viewport_right,top:sheetPositionsStyles.viewport_top};export const popupSideStyles={bottom:sheetPositionsStyles.popup_bottom,left:sheetPositionsStyles.popup_left,right:sheetPositionsStyles.popup_right,top:sheetPositionsStyles.popup_top};

package/dist/components/sheet/sheet.d.ts

@@ -0,0 +1,15 @@
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import type { SheetCloseProps, SheetDescriptionProps, SheetFooterProps, SheetHeaderProps, SheetPanelProps, SheetPopupProps, SheetProps, SheetTitleProps, SheetTriggerProps } from "./sheet.types";
+export type { SheetCloseProps, SheetContentProps, SheetDescriptionProps, SheetFooterProps, SheetHeaderProps, SheetPanelProps, SheetPopupProps, SheetProps, SheetSide, SheetTitleProps, SheetTriggerProps, SheetVariant, } from "./sheet.types";
+export declare const SheetPrimitive: typeof BaseDialog;
+export declare const SheetCreateHandle: typeof BaseDialog.createHandle;
+export declare function Sheet<Payload = unknown>(rootProps: SheetProps<Payload>): import("react").JSX.Element;
+export declare function SheetTrigger<Payload = unknown>({ ref, render, type, ...rest }: SheetTriggerProps<Payload>): import("react").JSX.Element;
+export declare function SheetPopup({ children, closeProps, portalProps, ref, showCloseButton, side, variant, ...rest }: SheetPopupProps): import("react").JSX.Element;
+export declare const SheetContent: typeof SheetPopup;
+export declare function SheetTitle({ children, ref, ...rest }: SheetTitleProps): import("react").JSX.Element;
+export declare function SheetDescription({ children, ref, ...rest }: SheetDescriptionProps): import("react").JSX.Element;
+export declare function SheetClose({ ref, render, type, ...rest }: SheetCloseProps): import("react").JSX.Element;
+export declare function SheetHeader(headerProps: SheetHeaderProps): import("react").JSX.Element;
+export declare function SheetPanel(panelProps: SheetPanelProps): import("react").JSX.Element;
+export declare function SheetFooter(footerProps: SheetFooterProps): import("react").JSX.Element;

package/dist/components/sheet/sheet.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{sheetStyles}from"./sheet.styles";import{SheetFooter as LayoutSheetFooter,SheetHeader as LayoutSheetHeader,SheetPanel as LayoutSheetPanel}from"./sheet-layout";import{popupSideStyles,sheetPositionsStyles,viewportSideStyles}from"./sheet-positions.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const SheetPrimitive=BaseDialog;export const SheetCreateHandle=BaseDialog.createHandle;function CloseIcon(){return/*#__PURE__*/_jsx(IconX,{"aria-hidden":"true",focusable:"false",size:"16"});}export function Sheet(rootProps){return/*#__PURE__*/_jsx(BaseDialog.Root,{...rootProps});}export function SheetTrigger({ref,render,type,...rest}){return/*#__PURE__*/_jsx(BaseDialog.Trigger,{...rest,"data-slot":"sheet-trigger",ref:ref,render:render,type:render?type:type??"button"});}export function SheetPopup({children,closeProps,portalProps,ref,showCloseButton=true,side="right",variant="default",...rest}){return/*#__PURE__*/_jsxs(BaseDialog.Portal,{...portalProps,...props(overlayLayerStyles.modalPortal),children:[/*#__PURE__*/_jsx(BaseDialog.Backdrop,{"data-slot":"sheet-backdrop",...props(sheetStyles.backdrop,overlayLayerStyles.backdrop)}),/*#__PURE__*/_jsx(BaseDialog.Viewport,{"data-slot":"sheet-viewport",...props(sheetStyles.viewport,overlayLayerStyles.modalViewport,viewportSideStyles[side],variant==="inset"?sheetPositionsStyles.viewport_inset:null),children:/*#__PURE__*/_jsxs(BaseDialog.Popup,{...rest,"data-slot":"sheet-popup",ref:ref,...props(sheetStyles.popup,popupSideStyles[side],variant==="inset"?sheetPositionsStyles.popup_inset:null),children:[showCloseButton?/*#__PURE__*/_jsx(BaseDialog.Close,{"aria-label":"Close","data-slot":"sheet-default-close",...closeProps,...props(sheetStyles.close),children:/*#__PURE__*/_jsx(CloseIcon,{})}):null,children]})})]});}export const SheetContent=SheetPopup;export function SheetTitle({children,ref,...rest}){return/*#__PURE__*/_jsx(BaseDialog.Title,{...rest,"data-slot":"sheet-title",ref:ref,...props(sheetStyles.title),children:children});}export function SheetDescription({children,ref,...rest}){return/*#__PURE__*/_jsx(BaseDialog.Description,{...rest,"data-slot":"sheet-description",ref:ref,...props(sheetStyles.description),children:children});}export function SheetClose({ref,render,type,...rest}){return/*#__PURE__*/_jsx(BaseDialog.Close,{...rest,"data-slot":"sheet-close",ref:ref,render:render,type:render?type:type??"button"});}export function SheetHeader(headerProps){return/*#__PURE__*/_jsx(LayoutSheetHeader,{...headerProps});}export function SheetPanel(panelProps){return/*#__PURE__*/_jsx(LayoutSheetPanel,{...panelProps});}export function SheetFooter(footerProps){return/*#__PURE__*/_jsx(LayoutSheetFooter,{...footerProps});}

package/dist/components/sheet/sheet.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 sheetStyles={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",kY2c9j:"x1vjfegm",$$css:true},description:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",k63SB2:"x1lo1l87",kLWn49:"x2xzzt7",kqGvvJ:"x10im51j",$$css:true},footer:{kGNEyG:"x6s0dn4",kLZC3w:"xcadu6e",kPef9Z:"x13fuv20",kEafiO:"x1vfp6xi",k1xSpc:"x78zum5",kwnvtZ:"x1a02dak",kOIVth:"xp4ho6d",kjj79g:"x13a6bvl",k8WAf4:"x7bohs8",kg3NbH:"xaqi9fd",$$css:true},footerBare:{kPef9Z:"x1ejq31n",kEafiO:"x972fbf",$$css:true},header:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",kLKAdn:"xrm89jq",kg3NbH:"x9qdlnn",kwRFfy:"x521ovy",$$css:true},panel:{kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x1q60jeg",kAzted:"x2lwn1j",k8WAf4:"x7bohs8",kg3NbH:"x9qdlnn",$$css:true},popup:{kWkggS:"xui3q9s",kVAM5u:"x1l55r2k x155xxfk",ksu8eU:"x1y0btm7",kMzoRj:"xvfikqg xc342km",kGVxlE:"x1mhlhek",kB7OPa:"x9f619",kMwMTN:"x14tvo57",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kSiTet:"xiyypsa x1hw7zpd x1hc1fzr",kVQacm:"xb3r6kr",kfzvcC:"x67bb7w",kVAEAm:"x1n2onr6",kIyJzY:"x1e471i8 x107nfut xmhz0v7 x18kz1lc",k1ekBW:"x6o7n8i",kAMwcw:"xckl9o1 xvhdtae",$$css:true},scrollArea:{k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kzQI83:"x1iyjqo2",kmuXW:"xs83m0k",kAzted:"x2lwn1j",kzqmXN:"xh8yej3",$$css:true},title:{kMwMTN:"x14tvo57",kGuDYH:"x1d88w5i",k63SB2:"xlw70nr",kb6lSQ:"x1urmmxc",kLWn49:"x1f0yedn",kqGvvJ:"x10im51j",kN2L0X:"x1w2vvpw",$$css:true},viewport:{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/sheet/sheet.types.d.ts

@@ -0,0 +1,32 @@
+import type { Dialog as BaseDialog, DialogCloseProps as BaseDialogCloseProps, DialogDescriptionProps as BaseDialogDescriptionProps, DialogPopupProps as BaseDialogPopupProps, DialogPortalProps as BaseDialogPortalProps, DialogRootProps as BaseDialogRootProps, DialogTitleProps as BaseDialogTitleProps, DialogTriggerProps as BaseDialogTriggerProps } from "@base-ui/react/dialog";
+import type { useRender } from "@base-ui/react/use-render";
+import type { ComponentPropsWithRef } from "react";
+type Closed<T> = Omit<T, "className" | "style">;
+type SheetTriggerRef = ComponentPropsWithRef<typeof BaseDialog.Trigger>["ref"];
+type SheetPopupRef = ComponentPropsWithRef<typeof BaseDialog.Popup>["ref"];
+export type SheetSide = "top" | "right" | "bottom" | "left";
+export type SheetVariant = "default" | "inset";
+export type SheetProps<Payload = unknown> = BaseDialogRootProps<Payload>;
+export type SheetTriggerProps<Payload = unknown> = Omit<BaseDialogTriggerProps<Payload>, "className" | "ref" | "style"> & {
+    ref?: SheetTriggerRef;
+};
+export type SheetPopupProps = Omit<BaseDialogPopupProps, "className" | "ref" | "render" | "style"> & {
+    closeProps?: SheetCloseProps;
+    portalProps?: Omit<BaseDialogPortalProps, "children" | "className" | "ref" | "render" | "style">;
+    ref?: SheetPopupRef;
+    showCloseButton?: boolean;
+    side?: SheetSide;
+    variant?: SheetVariant;
+};
+export type SheetContentProps = SheetPopupProps;
+export type SheetTitleProps = Closed<BaseDialogTitleProps>;
+export type SheetDescriptionProps = Closed<BaseDialogDescriptionProps>;
+export type SheetCloseProps = Omit<BaseDialogCloseProps, "className" | "style">;
+export type SheetHeaderProps = Omit<useRender.ComponentProps<"div">, "className" | "data-slot" | "style">;
+export type SheetPanelProps = Omit<useRender.ComponentProps<"div">, "className" | "data-slot" | "style"> & {
+    scrollFade?: boolean;
+};
+export type SheetFooterProps = Omit<useRender.ComponentProps<"div">, "className" | "data-slot" | "style"> & {
+    variant?: "default" | "bare";
+};
+export {};

package/dist/components/sheet/sheet.types.js

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

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithRef } from "react";
+export type SkeletonShape = "line" | "circle" | "rectangle";
+type NativeDivProps = ComponentPropsWithRef<"div">;
+export type SkeletonProps = Omit<NativeDivProps, "className" | "data-slot" | "style"> & {
+    shape?: SkeletonShape;
+};
+export declare function Skeleton({ "aria-hidden": ariaHidden, children, ref: forwardedRef, shape, ...rest }: SkeletonProps): import("react").JSX.Element;
+export {};

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1 @@
+import{props}from"@stylexjs/stylex";import{skeletonStyles}from"./skeleton.styles";import{jsx as _jsx}from"react/jsx-runtime";export function Skeleton({"aria-hidden":ariaHidden=true,children,ref:forwardedRef,shape="line",...rest}){return/*#__PURE__*/_jsx("div",{...rest,"aria-hidden":ariaHidden,"data-shape":shape,"data-slot":"skeleton",ref:forwardedRef,...props(skeletonStyles.base,skeletonStyles[shape]),children:children});}

package/dist/components/skeleton/skeleton.styles.js

@@ -0,0 +1 @@
+import{create,keyframes}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/motion.stylex";import{easing}from"../../styles/motion.stylex";import"../../styles/shape.stylex";import{shape}from"../../styles/shape.stylex";const shimmer="x1ofn8cw-B";export const skeletonStyles={base:{k44tkh:"x1c74tu6",ko0y90:"xa4qsjk",kKVMdj:"x1tzfbnl x3mlza6",kyAemX:"xhbrl7j",ku1ltF:"x1nr1p0w",kWkggS:"x1o7hn9x",kKwaWg:"x1c9p4nt",kz484i:"xiy17q3",kgSjnq:"xakli9p",kB7OPa:"x9f619",k1xSpc:"x1lliihq",$$css:true},circle:{kaIpWk:"x10hpsqq",kmuXW:"x2lah0s",kZKoxP:"x1nwj9bq",kzqmXN:"x1kmmwjt",$$css:true},line:{kaIpWk:"x1wnslnq",kZKoxP:"x1l36t39",kzqmXN:"xh8yej3",$$css:true},rectangle:{kOBAk4:"x186iv6y",kaIpWk:"x2b34ud",kAzted:"xvfbv0m",kzqmXN:"xh8yej3",$$css:true}};

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

@@ -0,0 +1,23 @@
+import type { ReactElement } from "react";
+import type { SliderControlProps, SliderIndicatorProps, SliderSize, SliderThumbProps, SliderTrackProps } from "./slider.types";
+export interface SliderContextValue {
+    readonly disabled?: boolean;
+    readonly getAriaLabel?: (index: number) => string;
+    readonly invalid: boolean;
+    readonly max: number;
+    readonly min: number;
+    readonly orientation: "horizontal" | "vertical";
+    readonly range: boolean;
+    readonly size: SliderSize;
+    readonly step: number;
+    readonly thumbAlignment: "edge" | "center" | "edge-client-only";
+    readonly thumbValue: boolean;
+    readonly ticks: boolean;
+    readonly valueCharacters: number;
+}
+export declare const SliderContext: import("react").Context<SliderContextValue>;
+export declare function useSliderContext(): SliderContextValue;
+export declare function SliderControl({ children, ref: forwardedRef, render, ...rest }: SliderControlProps): ReactElement;
+export declare function SliderTrack({ children, ref: forwardedRef, render, ...rest }: SliderTrackProps): ReactElement;
+export declare function SliderIndicator({ children, ref: forwardedRef, render, ...rest }: SliderIndicatorProps): ReactElement;
+export declare function SliderThumb({ children, disabled: disabledProp, getAriaLabel: getAriaLabelProp, index, inputRef: consumerInputRef, ref: forwardedRef, render, ...rest }: SliderThumbProps): ReactElement;

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

@@ -0,0 +1,9 @@
+import{mergeProps}from"@base-ui/react/merge-props";import{Slider as BaseSlider}from"@base-ui/react/slider";import{props}from"@stylexjs/stylex";import{cloneElement,createContext,useCallback,useContext}from"react";import{assignRef}from"../../ref-utils";import{protectRenderSlot}from"../../render-utils";import{controlSize}from"../../styles/dimensions.stylex";import{space}from"../../styles/spacing.stylex";import{typographyStyles}from"../../styles/typography.styles";import{sliderStyles}from"./slider.styles";import{syncInputInvalid}from"./slider-ref-utils";import{stripForbidden}from"./slider-slot";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export const SliderContext=createContext({disabled:undefined,invalid:false,max:100,min:0,orientation:"horizontal",range:false,size:"default",step:1,thumbAlignment:"edge",thumbValue:false,ticks:false,valueCharacters:3});export function useSliderContext(){return useContext(SliderContext);}const controlStyles={default:{horizontal:sliderStyles.controlDefaultHorizontal,vertical:sliderStyles.controlDefaultVertical},lg:{horizontal:sliderStyles.controlLgHorizontal,vertical:sliderStyles.controlLgVertical},sm:{horizontal:sliderStyles.controlSmHorizontal,vertical:sliderStyles.controlSmVertical}};const trackStyles={default:{horizontal:sliderStyles.trackDefaultHorizontal,vertical:sliderStyles.trackDefaultVertical},lg:{horizontal:sliderStyles.trackLgHorizontal,vertical:sliderStyles.trackLgVertical},sm:{horizontal:sliderStyles.trackSmHorizontal,vertical:sliderStyles.trackSmVertical}};const thumbSizeStyles={default:sliderStyles.thumbDefault,lg:sliderStyles.thumbLg,sm:sliderStyles.thumbSm};export function SliderControl({children,ref:forwardedRef,render,...rest}){const{orientation,size}=useSliderContext();stripForbidden(rest);return/*#__PURE__*/_jsx(BaseSlider.Control,{...rest,"data-orientation":orientation,"data-size":size,"data-slot":"slider-control",ref:forwardedRef,render:protectRenderSlot("slider-control",render,{"data-orientation":orientation,"data-size":size}),...props(sliderStyles.control,orientation==="vertical"?sliderStyles.controlVertical:sliderStyles.controlHorizontal,controlStyles[size][orientation]),children:children});}function isFilled(tick,values,range){const first=values[0]??0;return range?tick>=first&&tick<=(values.at(-1)??first):tick<=first;}// The step dots. Dots inside the filled range are marked so they read on the
+// accent fill.
+function SliderTicks({values}){const{max,min,orientation,range,size,step,thumbAlignment,thumbValue,valueCharacters}=useSliderContext();if(!(max>min&&step>0)){return null;}const count=Math.floor((max-min)/step)+1;return/*#__PURE__*/_jsx("span",{"aria-hidden":"true","data-slot":"slider-ticks",...props(sliderStyles.ticks,orientation==="vertical"?sliderStyles.ticksVertical:sliderStyles.ticksHorizontal,sliderStyles.tickInset(thumbAlignment,thumbValue,valueCharacters,size)),children:Array.from({length:count},(_,index)=>min+index*step).map(tick=>/*#__PURE__*/_jsx("span",{"data-filled":isFilled(tick,values,range)||undefined,...props(sliderStyles.tick,sliderStyles.tickPosition(orientation,(tick-min)/(max-min)*100))},tick))});}// Calls the part's own render (element, function, or a plain div) with extra
+// props built from Base UI's state, which carries the current values.
+function composeRender(render,extend){return(renderProps,state)=>{const merged=extend(renderProps,state);if(typeof render==="function"){return render(merged,state);}return render?cloneElement(render,mergeProps(render.props,merged)):/*#__PURE__*/_jsx("div",{...merged});};}// Base UI passes the current values to the track's render function, so the
+// ticks render there instead of as plain children.
+function withTicks(render,ticks){if(!ticks){return render;}return composeRender(render,(renderProps,state)=>({...renderProps,children:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(SliderTicks,{values:state.values}),renderProps.children]})}));}// A fill with no length draws only its padding, a ring around the thumb.
+// That happens at the minimum of a single slider, or when range thumbs meet.
+function isEmptyFill(values,range,min){const first=values[0]??min;return range?first===(values.at(-1)??first):first<=min;}function withEmptyMark(render,range,min){return composeRender(render,(renderProps,state)=>({...renderProps,...(isEmptyFill(state.values,range,min)?{"data-empty":""}:{})}));}export function SliderTrack({children,ref:forwardedRef,render,...rest}){const{invalid,orientation,size,ticks}=useSliderContext();stripForbidden(rest);return/*#__PURE__*/_jsx(BaseSlider.Track,{...rest,...(invalid?{"data-invalid":""}:{}),"data-orientation":orientation,"data-size":size,"data-slot":"slider-track",ref:forwardedRef,render:protectRenderSlot("slider-track",withTicks(render,ticks),{...(invalid?{"data-invalid":""}:{}),"data-orientation":orientation,"data-size":size}),...props(sliderStyles.track,orientation==="vertical"?sliderStyles.trackVertical:sliderStyles.trackHorizontal,trackStyles[size][orientation]),children:children});}export function SliderIndicator({children,ref:forwardedRef,render,...rest}){const{invalid,min,orientation,size,thumbValue,valueCharacters,range}=useSliderContext();const thumbSize={default:controlSize.xs,lg:controlSize.sm,sm:controlSize["2xs"]}[size];const extent=thumbValue&&orientation==="horizontal"?`max(1.75rem, calc((${valueCharacters}ch + ${space["3"]}) / 2))`:`calc(${thumbSize} / 2)`;stripForbidden(rest);return/*#__PURE__*/_jsx(BaseSlider.Indicator,{...rest,...(invalid?{"data-invalid":""}:{}),"data-orientation":orientation,"data-size":size,"data-slot":"slider-indicator",ref:forwardedRef,render:protectRenderSlot("slider-indicator",withEmptyMark(render,range,min),{...(invalid?{"data-invalid":""}:{}),"data-orientation":orientation,"data-size":size}),...props(sliderStyles.indicator,sliderStyles.indicatorExtent(orientation,extent,range)),children:children});}export function SliderThumb({children,disabled:disabledProp,getAriaLabel:getAriaLabelProp,index,inputRef:consumerInputRef,ref:forwardedRef,render,...rest}){const{disabled:contextDisabled,getAriaLabel:contextGetAriaLabel,invalid,orientation,size,thumbValue,valueCharacters}=useSliderContext();const disabled=disabledProp??contextDisabled;const getAriaLabel=getAriaLabelProp===undefined?contextGetAriaLabel:getAriaLabelProp;stripForbidden(rest);const handleInputRef=useCallback(element=>{syncInputInvalid(element,invalid);return assignRef(consumerInputRef,element);},[consumerInputRef,invalid]);return/*#__PURE__*/_jsx(BaseSlider.Thumb,{...rest,...(invalid?{"data-invalid":""}:{}),"data-orientation":orientation,"data-size":size,"data-slot":"slider-thumb",disabled:disabled,getAriaLabel:getAriaLabel,index:index,inputRef:handleInputRef,ref:forwardedRef,render:protectRenderSlot("slider-thumb",render,{...(index===undefined?{}:{"data-index":index}),...(invalid?{"data-invalid":""}:{}),"data-orientation":orientation,"data-size":size}),...props(sliderStyles.thumb,thumbSizeStyles[size],thumbValue&&sliderStyles.thumbWithValue(valueCharacters),disabled&&sliderStyles.thumbDisabled),children:children??(thumbValue?/*#__PURE__*/_jsx(BaseSlider.Value,{"aria-hidden":"true",...props(sliderStyles.thumbValue,typographyStyles.controlLabel),children:formattedValues=>formattedValues[index??0]}):null)});}

package/dist/components/slider/slider-default-anatomy.js

@@ -0,0 +1 @@
+import{SliderControl,SliderIndicator,SliderThumb,SliderTrack}from"./slider-context";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function getArrayVal(value,defaultValue){const activeValue=value===undefined?defaultValue:value;return Array.isArray(activeValue)?activeValue:null;}function getThumbAriaLabel(label,index,count){if(!label){return undefined;}if(count===1){return label;}if(count===2){return index===0?`${label} minimum`:`${label} maximum`;}return`${label} value ${index+1}`;}export function renderDefaultAnatomy(value,defaultValue,ariaLabel){const arrayVal=getArrayVal(value,defaultValue);if(arrayVal!==null){const thumbs=[];for(let i=0;i<arrayVal.length;i+=1){const thumbAriaLabel=getThumbAriaLabel(ariaLabel,i,arrayVal.length);thumbs.push(/*#__PURE__*/_jsx(SliderThumb,{"aria-label":thumbAriaLabel,index:i},`slider-thumb-${i}`));}return/*#__PURE__*/_jsx(SliderControl,{children:/*#__PURE__*/_jsxs(SliderTrack,{children:[/*#__PURE__*/_jsx(SliderIndicator,{}),thumbs]})});}return/*#__PURE__*/_jsx(SliderControl,{children:/*#__PURE__*/_jsxs(SliderTrack,{children:[/*#__PURE__*/_jsx(SliderIndicator,{}),/*#__PURE__*/_jsx(SliderThumb,{"aria-label":ariaLabel})]})});}

package/dist/components/slider/slider-ref-utils.js

@@ -0,0 +1 @@
+export function syncInputInvalid(element,invalid){if(!element){return;}if(invalid){element.setAttribute("aria-invalid","true");return;}const hasFieldInvalid=element.closest("[data-invalid]")!==null;if(!hasFieldInvalid){element.removeAttribute("aria-invalid");}}

package/dist/components/slider/slider-slot.js

@@ -0,0 +1 @@
+export function stripForbidden(target){Reflect.deleteProperty(target,"className");Reflect.deleteProperty(target,"data-slot");Reflect.deleteProperty(target,"readOnly");Reflect.deleteProperty(target,"style");return target;}

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,15 @@
+import { Slider as BaseSlider } from "@base-ui/react/slider";
+import type { ReactElement } from "react";
+import type { SliderLabelProps, SliderProps, SliderValueProps } from "./slider.types";
+import { SliderControl as ContextSliderControl, SliderIndicator as ContextSliderIndicator, SliderThumb as ContextSliderThumb, SliderTrack as ContextSliderTrack } from "./slider-context";
+export declare function Slider<Value extends readonly number[]>(props: SliderProps<Value>): ReactElement;
+export declare function Slider<Value extends number = number>(props: SliderProps<Value>): ReactElement;
+export declare function Slider(props: SliderProps<number | readonly number[]>): ReactElement;
+export declare function SliderLabel({ children, ref: forwardedRef, render, ...rest }: SliderLabelProps): ReactElement;
+export declare function SliderValue({ children, ref: forwardedRef, render, ...rest }: SliderValueProps): ReactElement;
+export declare const SliderControl: typeof ContextSliderControl;
+export declare const SliderIndicator: typeof ContextSliderIndicator;
+export declare const SliderThumb: typeof ContextSliderThumb;
+export declare const SliderTrack: typeof ContextSliderTrack;
+export declare const SliderPrimitive: typeof BaseSlider;
+export type { SliderControlProps, SliderIndicatorProps, SliderLabelProps, SliderProps, SliderSize, SliderThumbProps, SliderTrackProps, SliderValueProps, } from "./slider.types";

package/dist/components/slider/slider.js

@@ -0,0 +1 @@
+"use client";import{Slider as BaseSlider}from"@base-ui/react/slider";import{props}from"@stylexjs/stylex";import{Children,Fragment,isValidElement,useCallback}from"react";import{protectRenderSlot}from"../../render-utils";import{isBoundNumberField,useBoundFieldContext}from"../field/field-context";import{sliderStyles}from"./slider.styles";import{SliderControl as ContextSliderControl,SliderIndicator as ContextSliderIndicator,SliderThumb as ContextSliderThumb,SliderTrack as ContextSliderTrack,SliderContext,useSliderContext}from"./slider-context";import{renderDefaultAnatomy}from"./slider-default-anatomy";import{stripForbidden}from"./slider-slot";import{Fragment as _Fragment,jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";function hasSliderControl(children){return Children.toArray(children).some(child=>{if(!isValidElement(child)){return false;}return child.type===ContextSliderControl||child.type===Fragment&&hasSliderControl(child.props.children);});}function getSliderOptions({value,defaultValue,min=0,max=100,step=1,ticks=false,thumbValue=false,thumbAlignment="edge",locale="en-US",format}){const formatter=new Intl.NumberFormat(locale,format);return{locale,max,min,range:Array.isArray(value??defaultValue),step,thumbAlignment,thumbValue,ticks,valueCharacters:Math.max(formatter.format(min).length,formatter.format(max).length)};}function resolveBoundField(context,value,defaultValue){const activeValue=value===undefined?defaultValue:value;if(Array.isArray(activeValue)){return null;}return isBoundNumberField(context)?context:null;}function getSliderRootStyles(orientation,disabled){return[sliderStyles.root,orientation==="vertical"?sliderStyles.rootVertical:null,disabled?sliderStyles.rootDisabled:null];}function useSliderBinding(boundField,min,userOnValueChange,userOnBlur){const handleValueChange=useCallback((val,details)=>{userOnValueChange?.(val,details);if(!details.isCanceled&&typeof val==="number"){boundField?.handleChange(val);}},[boundField,userOnValueChange]);const handleBlur=useCallback(event=>{userOnBlur?.(event);if(boundField){const next=event.relatedTarget;if(!(next instanceof Node&&event.currentTarget.contains(next))){boundField.handleBlur();}}},[boundField,userOnBlur]);if(!boundField){return{boundProps:undefined,onBlur:userOnBlur};}return{boundProps:{name:boundField.name,onValueChange:handleValueChange,value:boundField.state.value??min},onBlur:handleBlur};}export function Slider(allProps){const{children,disabled,getAriaLabel,invalid=false,orientation="horizontal",ref:forwardedRef,render,size="default",...rest}=allProps;const options=getSliderOptions(allProps);Reflect.deleteProperty(rest,"ticks");Reflect.deleteProperty(rest,"thumbValue");const{min,max,thumbAlignment,locale}=options;const boundField=resolveBoundField(useBoundFieldContext(),rest.value,rest.defaultValue);const{boundProps,onBlur}=useSliderBinding(boundField,min,rest.onValueChange,rest.onBlur);stripForbidden(rest);const content=hasSliderControl(children)?children:/*#__PURE__*/_jsxs(_Fragment,{children:[children,renderDefaultAnatomy(rest.value,rest.defaultValue,rest["aria-label"])]});return/*#__PURE__*/_jsx(SliderContext.Provider,{value:{disabled,getAriaLabel,invalid,orientation,size,...options},children:/*#__PURE__*/_jsx(BaseSlider.Root,{...rest,...boundProps,...(invalid?{"aria-invalid":true,"data-invalid":""}:{}),...(disabled?{"data-disabled":""}:{}),"data-orientation":orientation,"data-size":size,"data-slot":"slider",disabled:disabled,locale:locale,max:max,min:min,onBlur:onBlur,orientation:orientation,ref:forwardedRef,render:protectRenderSlot("slider",render,{...(disabled?{"data-disabled":""}:{}),...(invalid?{"data-invalid":""}:{}),"data-orientation":orientation,"data-size":size}),thumbAlignment:thumbAlignment,...props(getSliderRootStyles(orientation,disabled)),children:content})});}export function SliderLabel({children,ref:forwardedRef,render,...rest}){const{orientation,size}=useSliderContext();stripForbidden(rest);return/*#__PURE__*/_jsx(BaseSlider.Label,{...rest,"data-orientation":orientation,"data-size":size,"data-slot":"slider-label",ref:forwardedRef,render:protectRenderSlot("slider-label",render,{"data-orientation":orientation,"data-size":size}),...props(sliderStyles.label),children:children});}export function SliderValue({children,ref:forwardedRef,render,...rest}){const{orientation,size}=useSliderContext();stripForbidden(rest);return/*#__PURE__*/_jsx(BaseSlider.Value,{...rest,"data-orientation":orientation,"data-size":size,"data-slot":"slider-value",ref:forwardedRef,render:protectRenderSlot("slider-value",render,{"data-orientation":orientation,"data-size":size}),...props(sliderStyles.value),children:children});}export const SliderControl=ContextSliderControl;export const SliderIndicator=ContextSliderIndicator;export const SliderThumb=ContextSliderThumb;export const SliderTrack=ContextSliderTrack;export const SliderPrimitive=BaseSlider;

package/dist/components/slider/slider.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/fonts.stylex";import{fonts}from"../../styles/fonts.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,lineHeight}from"../../styles/typography.stylex";const thumbExtent={default:controlSize.xs,lg:controlSize.sm,sm:controlSize["2xs"]};function indicatorLeadingEdge(extent,range){return range?`calc(-1 * (${extent} + ${space["1"]}))`:`calc(-1 * ${space["1"]})`;}function tickInlineInset(value,characters,size){return value?`max(1.75rem, calc((${characters}ch + ${space["3"]}) / 2))`:`calc(${thumbExtent[size]} / 2)`;}const _temp={k5Ofw7:"x1e9gkjj",k96MEf:"xqxf911",koaPKo:"x1bfi4hs","$$css":true};const _temp2={kzqmXN:"x5lhr3w","$$css":true};const _temp3={kYYq5F:"x111z63u "+"x10no89f","$$css":true};const _temp4={kbCHJM:"x1ih5h5n "+"xjwsoiy",k87sOh:"xjbys53","$$css":true};export const sliderStyles={control:{kGNEyG:"x6s0dn4",kB7OPa:"x9f619",kkrTdU:"x5ezrf1 x1ypdohk",k1xSpc:"x78zum5",kVAEAm:"x1n2onr6",kFalU9:"x5ve5x3",kfSwDN:"x87ps6o",$$css:true},controlDefaultHorizontal:{k8WAf4:"x1lmimt7",$$css:true},controlDefaultVertical:{kg3NbH:"xdbhxi8",$$css:true},controlHorizontal:{kXwgrk:"x1q0g3np",kUOVxO:"x6auwu1",kzqmXN:"xjsukrz",$$css:true},controlLgHorizontal:{k8WAf4:"x391bbb",$$css:true},controlLgVertical:{kg3NbH:"xb5xqfq",$$css:true},controlSmHorizontal:{k8WAf4:"x1lmimt7",$$css:true},controlSmVertical:{kg3NbH:"xdbhxi8",$$css:true},controlVertical:{kXwgrk:"xdt5ytf",kZKoxP:"x1pvpfqe",kjj79g:"xl56j7k",kqGvvJ:"xaoelkr",kzqmXN:"x14atkfc",$$css:true},indicator:{kLkRvE:"xaxuw82 xrc7ruo x5f8fso",kPB484:"xxyica1",kgeoSG:"x1cpjm7i",k5QlbN:"x1gz8zkv xfbg1o9",km8f2m:"xkk1bqk",kEoFBp:"x1hmns74",kaIpWk:"x1pjcqnp",kB7OPa:"x9f619",k1xSpc:"x1lliihq",kGuDYH:"x1ws78te",kVAEAm:"x10l6tqk",$$css:true},indicatorExtent:(orientation,extent,range)=>[_temp,{kSJ0CW:(orientation==="horizontal"?indicatorLeadingEdge(extent,range):0)!=null?"x1ay5de":orientation==="horizontal"?indicatorLeadingEdge(extent,range):0,$$css:true},{"--x-1ehp61g":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(orientation==="vertical"?indicatorLeadingEdge(extent,range):0),"--x-1icn3z0":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(orientation==="vertical"?`calc(-1 * (${extent} + ${space["1"]}))`:0),"--x-1xai3j":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(orientation==="horizontal"?`calc(-1 * (${extent} + ${space["1"]}))`:0),"--x-txoq53":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(orientation==="horizontal"?indicatorLeadingEdge(extent,range):0)}],label:{kMwMTN:"x14tvo57",kGuDYH:"x12ama9c",k63SB2:"x1lo1l87",kLWn49:"x1rn0pvf",$$css:true},root:{kB7OPa:"x9f619",k1xSpc:"x78zum5",kXwgrk:"xdt5ytf",kOIVth:"x13hh4mm",kSiTet:"xw5vkoa x1hc1fzr",kVAEAm:"x1n2onr6",kfSwDN:"x87ps6o",kzqmXN:"xh8yej3",$$css:true},rootDisabled:{kSiTet:"xd57v9i",$$css:true},rootVertical:{kGNEyG:"x6s0dn4",kZKoxP:"x5yr21d",kzqmXN:"x14atkfc",$$css:true},thumb:{kgeoSG:"x10tli2e",kgzTxl:"xszcg87",k75S9Q:"xgdch9p",kZnAYz:"x6pj6oj",kDxQxW:"xvjjyf1",kEoFBp:"x1hmns74",k96MEf:"x1knuo7r",kcTAPf:"xbnewub",kOlAkY:"x1rmj1tg",kGNEyG:"x6s0dn4",k44tkh:"x1ihp9w3",kKVMdj:"xod635r",kWkggS:"x3hauo xg61hzf x1dgvb5d",kVAM5u:"xbhxcgt xqwg6nd x155xxfk",kaIpWk:"x2b34ud",ksu8eU:"x1y0btm7",kMzoRj:"x1cdonsl",kGVxlE:"xgcb82z xiy1ocm xxuspm6 x1l9scz7 xxmju8b",kB7OPa:"x9f619",kMwMTN:"xhf8nsz x1v89fu3",kkrTdU:"x5ezrf1 xqy2bwi x1jm3nie",k1xSpc:"x78zum5",kGuDYH:"x1ws78te",kjj79g:"xl56j7k",kjBf7l:"xh9s7mn x1uczgqu",kInvED:"x1w1ofmy",k3XXqK:"xaatb59",kMeerF:"xz2dva0 x1k57tk5",kVAEAm:"x10l6tqk",km0Bbg:"x1beywh7 x1v0p8f5 xzj5t1a x1hsy5kr",kFalU9:"x5ve5x3",kIyJzY:"x1e471i8 x1j5v3x2",k1ekBW:"x147ch86",kAMwcw:"xvhdtae",kfSwDN:"x87ps6o",kY2c9j:"xhtitgo",$$css:true},thumbDefault:{kZKoxP:"x15ja3qx",kzqmXN:"xdr7e86",$$css:true},thumbDisabled:{kGVxlE:"x1gnnqk1",kkrTdU:"x1h6gzvc",$$css:true},thumbLg:{kZKoxP:"x1sscbzi",kzqmXN:"x14pcf9u",$$css:true},thumbSm:{kaIpWk:"x16u242k",kZKoxP:"xud2w1",kzqmXN:"x1sxroq0",$$css:true},thumbValue:{kMv6JI:"xjb2p0i",kGuDYH:"x1ws78te",kcqcaj:"xss6m8b",kLWn49:"x1wrb330",kfzvcC:"x47corl",khDVqt:"xuxw1ft",$$css:true},thumbWithValue:characters=>[_temp2,{"--x-width":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(`max(3.5rem, calc(${characters}ch + ${space["3"]}))`)}],tick:{kWkggS:"xbna8zf x1qcn63x",kaIpWk:"x16rqkct",kZKoxP:"xnicfme",kSiTet:"xbyyjgo",kVAEAm:"x10l6tqk",k3aq6I:"x11lhmoz",kzqmXN:"x1tyxxai",$$css:true},tickInset:(alignment,value,characters,size)=>[_temp3,{kkqhue:"x1froun3 "+((alignment==="center"?0:tickInlineInset(value,characters,size))!=null?"xctphqn":alignment==="center"?0:tickInlineInset(value,characters,size)),$$css:true},{"--x-1s4u072":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(`calc(${thumbExtent[size]} / 2)`),"--x-1qvucyj":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(alignment==="center"?0:tickInlineInset(value,characters,size))}],tickPosition:(orientation,position)=>[_temp4,{"--x-tmqro3":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(orientation==="horizontal"?`${100-position}%`:"50%"),"--x-1e9v8er":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(orientation==="horizontal"?`${position}%`:"50%"),"--x-top":(val=>typeof val==="number"?val+"px":val!=null?val:undefined)(orientation==="vertical"?`${100-position}%`:"50%")}],ticks:{kGuDYH:"x1ws78te",kfzvcC:"x47corl",kVAEAm:"x10l6tqk",kY2c9j:"x1vjfegm",$$css:true},ticksHorizontal:{kYYq5F:"x10no89f",$$css:true},ticksVertical:{kkqhue:"x17y0mx6",$$css:true},track:{kLkRvE:"x1l56r0x x1wdhtdm",kfXFYZ:"x1mgaknn x13n3sik xhkbipy",kPB484:"x1fkyvos",kj4x2v:"x1fo1fc9",k5Ohv7:"x3kfev1",ktNmms:"x1co9o91",kgeoSG:"x1cpjm7i",kGOzcv:"x1nc033x",kpsdNU:"x1r55iye",kEoFBp:"x1hmns74",kaIpWk:"x1jw0md8",kB7OPa:"x9f619",k1xSpc:"x1lliihq",kVAEAm:"x1n2onr6",$$css:true},trackDefaultHorizontal:{kZKoxP:"x1wtl264",$$css:true},trackDefaultVertical:{kzqmXN:"xkpcdi8",$$css:true},trackHorizontal:{kzqmXN:"xh8yej3",$$css:true},trackLgHorizontal:{kZKoxP:"x1nwj9bq",$$css:true},trackLgVertical:{kzqmXN:"x1kmmwjt",$$css:true},trackSmHorizontal:{kPB484:"xqijsc1",kaIpWk:"x2b34ud",kZKoxP:"x1sscbzi",$$css:true},trackSmVertical:{kPB484:"xqijsc1",kaIpWk:"x2b34ud",kzqmXN:"x14pcf9u",$$css:true},trackVertical:{kGOzcv:"x12nhi3q",kpsdNU:"xm4btww",kZKoxP:"x5yr21d",kAzted:"xattyca",$$css:true},value:{kMwMTN:"x125omll",kGuDYH:"xlh8hku",kC21eY:"x2vx8kg",kcqcaj:"xss6m8b",k63SB2:"x1lo1l87",kLWn49:"x2xzzt7",$$css:true}};

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

@@ -0,0 +1,36 @@
+import type { SliderControlProps as BaseSliderControlProps, SliderIndicatorProps as BaseSliderIndicatorProps, SliderLabelProps as BaseSliderLabelProps, SliderRootProps as BaseSliderRootProps, SliderThumbProps as BaseSliderThumbProps, SliderTrackProps as BaseSliderTrackProps, SliderValueProps as BaseSliderValueProps } from "@base-ui/react/slider";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+type Closed<T> = Omit<T, "className" | "data-slot" | "readOnly" | "style">;
+export type SliderSize = "default" | "lg" | "sm";
+export type SliderProps<Value extends number | readonly number[] = number> = Closed<Omit<BaseSliderRootProps<Value>, "data-slot"> & {
+    getAriaLabel?: (index: number) => string;
+    invalid?: boolean;
+    ref?: ComponentPropsWithRef<"div">["ref"];
+    size?: SliderSize;
+    ticks?: boolean;
+    thumbValue?: boolean;
+}>;
+export type SliderControlProps = Closed<BaseSliderControlProps> & {
+    children?: ReactNode;
+    ref?: ComponentPropsWithRef<"div">["ref"];
+};
+export type SliderTrackProps = Closed<BaseSliderTrackProps> & {
+    children?: ReactNode;
+    ref?: ComponentPropsWithRef<"div">["ref"];
+};
+export type SliderIndicatorProps = Closed<BaseSliderIndicatorProps> & {
+    children?: ReactNode;
+    ref?: ComponentPropsWithRef<"div">["ref"];
+};
+export type SliderThumbProps = Closed<BaseSliderThumbProps> & {
+    children?: ReactNode;
+    ref?: ComponentPropsWithRef<"div">["ref"];
+};
+export type SliderLabelProps = Closed<BaseSliderLabelProps> & {
+    children?: ReactNode;
+    ref?: ComponentPropsWithRef<"div">["ref"];
+};
+export type SliderValueProps = Closed<Omit<BaseSliderValueProps, "data-slot"> & {
+    ref?: ComponentPropsWithRef<"output">["ref"];
+}>;
+export {};