@vtex/faststore 0.0.1

package/dist/particles/radio/radio.js

@@ -0,0 +1,76 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/particles/radio/radio.tsx
+const RadioGroupDefinition = defineComponent({
+	name: "RadioGroup",
+	importPath: "@vtex/faststore/components",
+	component: RadioGroup$1,
+	editor: {
+		label: "Radio Group",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Required wrapper providing name and exclusive selection state to Radio.Root children. Set name for form submission. Each Radio.Root inside must have a unique value prop."
+});
+const RadioRootDefinition = defineComponent({
+	name: "RadioRoot",
+	importPath: "@vtex/faststore/components",
+	component: RadioRoot,
+	editor: {
+		label: "Radio Root",
+		category: "action"
+	},
+	schema: {},
+	guideline: "Single radio button inside Radio.Group. Requires a unique value prop. Wraps a Radio.Indicator for the visual dot. Style the selected state via data-checked."
+});
+const RadioIndicatorDefinition = defineComponent({
+	name: "RadioIndicator",
+	importPath: "@vtex/faststore/components",
+	component: RadioIndicator,
+	editor: {
+		label: "Radio Indicator",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Visual indicator inside Radio.Root showing the selected state. Render a circle or dot as a child. Visible only when the radio is selected."
+});
+function RadioGroup$1({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		...props,
+		className,
+		"data-fs-radio-group": "",
+		children
+	});
+}
+function RadioRoot({ value, disabled, id, className, children }) {
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		value,
+		disabled,
+		id,
+		className,
+		"data-fs-radio-root": "",
+		children
+	});
+}
+function RadioIndicator({ keepMounted = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Radio.Indicator, {
+		...props,
+		keepMounted,
+		className,
+		"data-fs-radio-indicator": "",
+		children
+	});
+}
+const Radio$1 = {
+	Group: RadioGroup$1,
+	Root: RadioRoot,
+	Indicator: RadioIndicator
+};
+//#endregion
+export { Radio$1 as Radio, RadioGroup$1 as RadioGroup, RadioGroupDefinition, RadioIndicator, RadioIndicatorDefinition, RadioRoot, RadioRootDefinition };
+
+//# sourceMappingURL=radio.js.map

package/dist/particles/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":["RadioGroup","BaseRadioGroup","BaseRadio","Radio"],"sources":["../../../src/particles/radio/radio.tsx"],"sourcesContent":["'use client';\nimport { Radio as BaseRadio } from '@base-ui/react/radio';\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\n\nexport type RadioGroupProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> & {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n};\n\nexport type RadioRootProps = {\n  value: string;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport type RadioIndicatorProps = ComponentPropsWithRef<'span'> & {\n  keepMounted?: boolean;\n};\n\nexport const RadioGroupDefinition = defineComponent<RadioGroupProps>({\n  name: 'RadioGroup',\n  importPath: '@vtex/faststore/components',\n  component: RadioGroup,\n  editor: { label: 'Radio Group', category: 'layout' },\n  schema: {},\n  guideline:\n    'Required wrapper providing name and exclusive selection state to Radio.Root children. Set name for form submission. Each Radio.Root inside must have a unique value prop.',\n});\n\nexport const RadioRootDefinition = defineComponent<RadioRootProps>({\n  name: 'RadioRoot',\n  importPath: '@vtex/faststore/components',\n  component: RadioRoot,\n  editor: { label: 'Radio Root', category: 'action' },\n  schema: {},\n  guideline:\n    'Single radio button inside Radio.Group. Requires a unique value prop. Wraps a Radio.Indicator for the visual dot. Style the selected state via data-checked.',\n});\n\nexport const RadioIndicatorDefinition = defineComponent<RadioIndicatorProps>({\n  name: 'RadioIndicator',\n  importPath: '@vtex/faststore/components',\n  component: RadioIndicator,\n  editor: { label: 'Radio Indicator', category: 'layout' },\n  schema: {},\n  guideline:\n    'Visual indicator inside Radio.Root showing the selected state. Render a circle or dot as a child. Visible only when the radio is selected.',\n});\n\nexport function RadioGroup({ className, children, ...props }: RadioGroupProps) {\n  return (\n    <BaseRadioGroup {...props} className={className} data-fs-radio-group=\"\">\n      {children}\n    </BaseRadioGroup>\n  );\n}\n\nexport function RadioRoot({ value, disabled, id, className, children }: RadioRootProps) {\n  return (\n    <BaseRadio.Root value={value} disabled={disabled} id={id} className={className} data-fs-radio-root=\"\">\n      {children}\n    </BaseRadio.Root>\n  );\n}\n\nexport function RadioIndicator({ keepMounted = false, className, children, ...props }: RadioIndicatorProps) {\n  return (\n    <BaseRadio.Indicator {...props} keepMounted={keepMounted} className={className} data-fs-radio-indicator=\"\">\n      {children}\n    </BaseRadio.Indicator>\n  );\n}\n\nexport const Radio = {\n  Group: RadioGroup,\n  Root: RadioRoot,\n  Indicator: RadioIndicator,\n};\n"],"mappings":";;;;;;;AA4BA,MAAa,uBAAuB,gBAAiC;CACnE,MAAM;CACN,YAAY;CACZ,WAAWA;CACX,QAAQ;EAAE,OAAO;EAAe,UAAU;CAAS;CACnD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,sBAAsB,gBAAgC;CACjE,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAc,UAAU;CAAS;CAClD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,2BAA2B,gBAAqC;CAC3E,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAmB,UAAU;CAAS;CACvD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,SAAgBA,aAAW,EAAE,WAAW,UAAU,GAAG,SAA0B;CAC7E,OACE,oBAACC,YAAD;EAAgB,GAAI;EAAkB;EAAW,uBAAoB;EAClE;CACa,CAAA;AAEpB;AAEA,SAAgB,UAAU,EAAE,OAAO,UAAU,IAAI,WAAW,YAA4B;CACtF,OACE,oBAACC,MAAU,MAAX;EAAuB;EAAiB;EAAc;EAAe;EAAW,sBAAmB;EAChG;CACa,CAAA;AAEpB;AAEA,SAAgB,eAAe,EAAE,cAAc,OAAO,WAAW,UAAU,GAAG,SAA8B;CAC1G,OACE,oBAACA,MAAU,WAAX;EAAqB,GAAI;EAAoB;EAAwB;EAAW,2BAAwB;EACrG;CACkB,CAAA;AAEzB;AAEA,MAAaC,UAAQ;CACnB,OAAOH;CACP,MAAM;CACN,WAAW;AACb"}

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

@@ -0,0 +1,36 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/particles/scroll-area/scroll-area.d.ts
+export type ScrollAreaOrientation = 'vertical' | 'horizontal';
+export type ScrollAreaRootProps = ComponentPropsWithRef<'div'>;
+export type ScrollAreaViewportProps = ComponentPropsWithRef<'div'>;
+export type ScrollAreaContentProps = ComponentPropsWithRef<'div'>;
+export type ScrollAreaScrollbarProps = ComponentPropsWithRef<'div'> & {
+  orientation?: ScrollAreaOrientation;
+  keepMounted?: boolean;
+};
+export type ScrollAreaThumbProps = ComponentPropsWithRef<'div'>;
+export type ScrollAreaCornerProps = ComponentPropsWithRef<'div'>;
+export declare const ScrollAreaRootDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ScrollAreaViewportDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ScrollAreaContentDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ScrollAreaScrollbarDefinition: ComponentDefinition<ScrollAreaScrollbarProps>;
+export declare const ScrollAreaThumbDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ScrollAreaCornerDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare function ScrollAreaRoot({ className, children, ...props }: ScrollAreaRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollAreaViewport({ className, children, ...props }: ScrollAreaViewportProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollAreaContent({ className, children, ...props }: ScrollAreaContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollAreaScrollbar({ orientation, keepMounted, className, children, ...props }: ScrollAreaScrollbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollAreaThumb({ className, children, ...props }: ScrollAreaThumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollAreaCorner({ className, children, ...props }: ScrollAreaCornerProps): import("react/jsx-runtime").JSX.Element;
+export declare const ScrollArea: {
+  Root: typeof ScrollAreaRoot;
+  Viewport: typeof ScrollAreaViewport;
+  Content: typeof ScrollAreaContent;
+  Scrollbar: typeof ScrollAreaScrollbar;
+  Thumb: typeof ScrollAreaThumb;
+  Corner: typeof ScrollAreaCorner;
+};
+//#endregion
+//# sourceMappingURL=scroll-area.d.ts.map

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

@@ -0,0 +1,145 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/particles/scroll-area/scroll-area.tsx
+const ScrollAreaRootDefinition = defineComponent({
+	name: "ScrollAreaRoot",
+	importPath: "@vtex/faststore/components",
+	component: ScrollAreaRoot,
+	editor: {
+		label: "Scroll Area Root",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Root of a custom scrollbar container. Compose as: ScrollAreaRoot > (ScrollAreaViewport > ScrollAreaContent + ScrollAreaScrollbar > ScrollAreaThumb + ScrollAreaCorner). Add both vertical and horizontal ScrollAreaScrollbar instances if both axes may overflow."
+});
+const ScrollAreaViewportDefinition = defineComponent({
+	name: "ScrollAreaViewport",
+	importPath: "@vtex/faststore/components",
+	component: ScrollAreaViewport,
+	editor: {
+		label: "Scroll Area Viewport",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "The scrollable window. Size this element — not Root — to control the visible area."
+});
+const ScrollAreaContentDefinition = defineComponent({
+	name: "ScrollAreaContent",
+	importPath: "@vtex/faststore/components",
+	component: ScrollAreaContent,
+	editor: {
+		label: "Scroll Area Content",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "The actual scrollable content placed inside ScrollArea.Viewport."
+});
+const ScrollAreaScrollbarDefinition = defineComponent({
+	name: "ScrollAreaScrollbar",
+	importPath: "@vtex/faststore/components",
+	component: ScrollAreaScrollbar,
+	editor: {
+		label: "Scroll Area Scrollbar",
+		category: "layout"
+	},
+	schema: {
+		orientation: {
+			type: ["vertical", "horizontal"],
+			default: "vertical",
+			label: "Orientation"
+		},
+		keepMounted: {
+			type: "boolean",
+			default: false,
+			label: "Keep Mounted"
+		}
+	},
+	guideline: "Add both vertical and horizontal Scrollbar instances if both axes may overflow. Set keepMounted=true to avoid layout shift."
+});
+const ScrollAreaThumbDefinition = defineComponent({
+	name: "ScrollAreaThumb",
+	importPath: "@vtex/faststore/components",
+	component: ScrollAreaThumb,
+	editor: {
+		label: "Scroll Area Thumb",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "The draggable scrollbar thumb inside ScrollArea.Scrollbar."
+});
+const ScrollAreaCornerDefinition = defineComponent({
+	name: "ScrollAreaCorner",
+	importPath: "@vtex/faststore/components",
+	component: ScrollAreaCorner,
+	editor: {
+		label: "Scroll Area Corner",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Corner piece displayed when both vertical and horizontal scrollbars are visible."
+});
+function ScrollAreaRoot({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Root, {
+		...props,
+		className,
+		"data-fs-scroll-area-root": "",
+		children
+	});
+}
+function ScrollAreaViewport({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
+		...props,
+		className,
+		"data-fs-scroll-area-viewport": "",
+		children
+	});
+}
+function ScrollAreaContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Content, {
+		...props,
+		className,
+		"data-fs-scroll-area-content": "",
+		children
+	});
+}
+function ScrollAreaScrollbar({ orientation = "vertical", keepMounted = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		...props,
+		orientation,
+		keepMounted,
+		className,
+		"data-fs-scroll-area-scrollbar": "",
+		children
+	});
+}
+function ScrollAreaThumb({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+		...props,
+		className,
+		"data-fs-scroll-area-thumb": "",
+		children
+	});
+}
+function ScrollAreaCorner({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Corner, {
+		...props,
+		className,
+		"data-fs-scroll-area-corner": "",
+		children
+	});
+}
+const ScrollArea$1 = {
+	Root: ScrollAreaRoot,
+	Viewport: ScrollAreaViewport,
+	Content: ScrollAreaContent,
+	Scrollbar: ScrollAreaScrollbar,
+	Thumb: ScrollAreaThumb,
+	Corner: ScrollAreaCorner
+};
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollAreaContent, ScrollAreaContentDefinition, ScrollAreaCorner, ScrollAreaCornerDefinition, ScrollAreaRoot, ScrollAreaRootDefinition, ScrollAreaScrollbar, ScrollAreaScrollbarDefinition, ScrollAreaThumb, ScrollAreaThumbDefinition, ScrollAreaViewport, ScrollAreaViewportDefinition };
+
+//# sourceMappingURL=scroll-area.js.map

package/dist/particles/scroll-area/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":["BaseScrollArea","ScrollArea"],"sources":["../../../src/particles/scroll-area/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\n\nexport type ScrollAreaOrientation = 'vertical' | 'horizontal';\n\nexport type ScrollAreaRootProps = ComponentPropsWithRef<'div'>;\n\nexport type ScrollAreaViewportProps = ComponentPropsWithRef<'div'>;\n\nexport type ScrollAreaContentProps = ComponentPropsWithRef<'div'>;\n\nexport type ScrollAreaScrollbarProps = ComponentPropsWithRef<'div'> & {\n  orientation?: ScrollAreaOrientation;\n  keepMounted?: boolean;\n};\n\nexport type ScrollAreaThumbProps = ComponentPropsWithRef<'div'>;\n\nexport type ScrollAreaCornerProps = ComponentPropsWithRef<'div'>;\n\nexport const ScrollAreaRootDefinition = defineComponent<ScrollAreaRootProps>({\n  name: 'ScrollAreaRoot',\n  importPath: '@vtex/faststore/components',\n  component: ScrollAreaRoot,\n  editor: { label: 'Scroll Area Root', category: 'layout' },\n  schema: {},\n  guideline:\n    'Root of a custom scrollbar container. Compose as: ScrollAreaRoot > (ScrollAreaViewport > ScrollAreaContent + ScrollAreaScrollbar > ScrollAreaThumb + ScrollAreaCorner). Add both vertical and horizontal ScrollAreaScrollbar instances if both axes may overflow.',\n});\n\nexport const ScrollAreaViewportDefinition = defineComponent<ScrollAreaViewportProps>({\n  name: 'ScrollAreaViewport',\n  importPath: '@vtex/faststore/components',\n  component: ScrollAreaViewport,\n  editor: { label: 'Scroll Area Viewport', category: 'layout' },\n  schema: {},\n  guideline: 'The scrollable window. Size this element — not Root — to control the visible area.',\n});\n\nexport const ScrollAreaContentDefinition = defineComponent<ScrollAreaContentProps>({\n  name: 'ScrollAreaContent',\n  importPath: '@vtex/faststore/components',\n  component: ScrollAreaContent,\n  editor: { label: 'Scroll Area Content', category: 'layout' },\n  schema: {},\n  guideline: 'The actual scrollable content placed inside ScrollArea.Viewport.',\n});\n\nexport const ScrollAreaScrollbarDefinition = defineComponent<ScrollAreaScrollbarProps>({\n  name: 'ScrollAreaScrollbar',\n  importPath: '@vtex/faststore/components',\n  component: ScrollAreaScrollbar,\n  editor: { label: 'Scroll Area Scrollbar', category: 'layout' },\n  schema: {\n    orientation: { type: ['vertical', 'horizontal'] as const, default: 'vertical', label: 'Orientation' },\n    keepMounted: { type: 'boolean', default: false, label: 'Keep Mounted' },\n  },\n  guideline:\n    'Add both vertical and horizontal Scrollbar instances if both axes may overflow. Set keepMounted=true to avoid layout shift.',\n});\n\nexport const ScrollAreaThumbDefinition = defineComponent<ScrollAreaThumbProps>({\n  name: 'ScrollAreaThumb',\n  importPath: '@vtex/faststore/components',\n  component: ScrollAreaThumb,\n  editor: { label: 'Scroll Area Thumb', category: 'layout' },\n  schema: {},\n  guideline: 'The draggable scrollbar thumb inside ScrollArea.Scrollbar.',\n});\n\nexport const ScrollAreaCornerDefinition = defineComponent<ScrollAreaCornerProps>({\n  name: 'ScrollAreaCorner',\n  importPath: '@vtex/faststore/components',\n  component: ScrollAreaCorner,\n  editor: { label: 'Scroll Area Corner', category: 'layout' },\n  schema: {},\n  guideline: 'Corner piece displayed when both vertical and horizontal scrollbars are visible.',\n});\n\nexport function ScrollAreaRoot({ className, children, ...props }: ScrollAreaRootProps) {\n  return (\n    <BaseScrollArea.Root {...props} className={className} data-fs-scroll-area-root=\"\">\n      {children}\n    </BaseScrollArea.Root>\n  );\n}\n\nexport function ScrollAreaViewport({ className, children, ...props }: ScrollAreaViewportProps) {\n  return (\n    <BaseScrollArea.Viewport {...props} className={className} data-fs-scroll-area-viewport=\"\">\n      {children}\n    </BaseScrollArea.Viewport>\n  );\n}\n\nexport function ScrollAreaContent({ className, children, ...props }: ScrollAreaContentProps) {\n  return (\n    <BaseScrollArea.Content {...props} className={className} data-fs-scroll-area-content=\"\">\n      {children}\n    </BaseScrollArea.Content>\n  );\n}\n\nexport function ScrollAreaScrollbar({\n  orientation = 'vertical',\n  keepMounted = false,\n  className,\n  children,\n  ...props\n}: ScrollAreaScrollbarProps) {\n  return (\n    <BaseScrollArea.Scrollbar\n      {...props}\n      orientation={orientation}\n      keepMounted={keepMounted}\n      className={className}\n      data-fs-scroll-area-scrollbar=\"\"\n    >\n      {children}\n    </BaseScrollArea.Scrollbar>\n  );\n}\n\nexport function ScrollAreaThumb({ className, children, ...props }: ScrollAreaThumbProps) {\n  return (\n    <BaseScrollArea.Thumb {...props} className={className} data-fs-scroll-area-thumb=\"\">\n      {children}\n    </BaseScrollArea.Thumb>\n  );\n}\n\nexport function ScrollAreaCorner({ className, children, ...props }: ScrollAreaCornerProps) {\n  return (\n    <BaseScrollArea.Corner {...props} className={className} data-fs-scroll-area-corner=\"\">\n      {children}\n    </BaseScrollArea.Corner>\n  );\n}\n\nexport const ScrollArea = {\n  Root: ScrollAreaRoot,\n  Viewport: ScrollAreaViewport,\n  Content: ScrollAreaContent,\n  Scrollbar: ScrollAreaScrollbar,\n  Thumb: ScrollAreaThumb,\n  Corner: ScrollAreaCorner,\n};\n"],"mappings":";;;;;;AAsBA,MAAa,2BAA2B,gBAAqC;CAC3E,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAoB,UAAU;CAAS;CACxD,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAED,MAAa,+BAA+B,gBAAyC;CACnF,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAwB,UAAU;CAAS;CAC5D,QAAQ,CAAC;CACT,WAAW;AACb,CAAC;AAED,MAAa,8BAA8B,gBAAwC;CACjF,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAuB,UAAU;CAAS;CAC3D,QAAQ,CAAC;CACT,WAAW;AACb,CAAC;AAED,MAAa,gCAAgC,gBAA0C;CACrF,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAyB,UAAU;CAAS;CAC7D,QAAQ;EACN,aAAa;GAAE,MAAM,CAAC,YAAY,YAAY;GAAY,SAAS;GAAY,OAAO;EAAc;EACpG,aAAa;GAAE,MAAM;GAAW,SAAS;GAAO,OAAO;EAAe;CACxE;CACA,WACE;AACJ,CAAC;AAED,MAAa,4BAA4B,gBAAsC;CAC7E,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAqB,UAAU;CAAS;CACzD,QAAQ,CAAC;CACT,WAAW;AACb,CAAC;AAED,MAAa,6BAA6B,gBAAuC;CAC/E,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;EAAE,OAAO;EAAsB,UAAU;CAAS;CAC1D,QAAQ,CAAC;CACT,WAAW;AACb,CAAC;AAED,SAAgB,eAAe,EAAE,WAAW,UAAU,GAAG,SAA8B;CACrF,OACE,oBAACA,WAAe,MAAhB;EAAqB,GAAI;EAAkB;EAAW,4BAAyB;EAC5E;CACkB,CAAA;AAEzB;AAEA,SAAgB,mBAAmB,EAAE,WAAW,UAAU,GAAG,SAAkC;CAC7F,OACE,oBAACA,WAAe,UAAhB;EAAyB,GAAI;EAAkB;EAAW,gCAA6B;EACpF;CACsB,CAAA;AAE7B;AAEA,SAAgB,kBAAkB,EAAE,WAAW,UAAU,GAAG,SAAiC;CAC3F,OACE,oBAACA,WAAe,SAAhB;EAAwB,GAAI;EAAkB;EAAW,+BAA4B;EAClF;CACqB,CAAA;AAE5B;AAEA,SAAgB,oBAAoB,EAClC,cAAc,YACd,cAAc,OACd,WACA,UACA,GAAG,SACwB;CAC3B,OACE,oBAACA,WAAe,WAAhB;EACE,GAAI;EACS;EACA;EACF;EACX,iCAA8B;EAE7B;CACuB,CAAA;AAE9B;AAEA,SAAgB,gBAAgB,EAAE,WAAW,UAAU,GAAG,SAA+B;CACvF,OACE,oBAACA,WAAe,OAAhB;EAAsB,GAAI;EAAkB;EAAW,6BAA0B;EAC9E;CACmB,CAAA;AAE1B;AAEA,SAAgB,iBAAiB,EAAE,WAAW,UAAU,GAAG,SAAgC;CACzF,OACE,oBAACA,WAAe,QAAhB;EAAuB,GAAI;EAAkB;EAAW,8BAA2B;EAChF;CACoB,CAAA;AAE3B;AAEA,MAAaC,eAAa;CACxB,MAAM;CACN,UAAU;CACV,SAAS;CACT,WAAW;CACX,OAAO;CACP,QAAQ;AACV"}

package/dist/particles/select/select.d.ts

@@ -0,0 +1,125 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/particles/select/select.d.ts
+export type SelectSide = 'top' | 'bottom' | 'left' | 'right';
+export type SelectAlign = 'start' | 'center' | 'end';
+export type SelectRootProps = {
+  disabled?: boolean;
+  modal?: boolean;
+  required?: boolean;
+  readOnly?: boolean;
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string | null) => void;
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  name?: string;
+  children?: ReactNode;
+};
+export type SelectLabelProps = ComponentPropsWithRef<'div'>;
+export type SelectTriggerProps = ComponentPropsWithRef<'button'> & {
+  disabled?: boolean;
+};
+export type SelectValueProps = Omit<ComponentPropsWithRef<'span'>, 'children'> & {
+  placeholder?: string;
+  /** Rendered content, or a render function receiving the current value (Base UI resolves the
+   * matching item's label automatically when omitted, but only once that item has mounted at
+   * least once — e.g. after the popup has been opened — so pass a render function when the
+   * label must be correct before the shopper ever opens the dropdown). */
+  children?: ReactNode | ((value: string | null) => ReactNode);
+};
+export type SelectIconProps = ComponentPropsWithRef<'span'>;
+export type SelectPortalProps = {
+  children?: ReactNode;
+};
+export type SelectBackdropProps = ComponentPropsWithRef<'div'>;
+export type SelectPositionerProps = ComponentPropsWithRef<'div'> & {
+  side?: SelectSide;
+  align?: SelectAlign;
+  sideOffset?: number;
+  alignItemWithTrigger?: boolean;
+};
+export type SelectScrollUpArrowProps = ComponentPropsWithRef<'div'> & {
+  keepMounted?: boolean;
+};
+export type SelectPopupProps = ComponentPropsWithRef<'div'>;
+export type SelectArrowProps = ComponentPropsWithRef<'div'>;
+export type SelectListProps = ComponentPropsWithRef<'div'>;
+export type SelectItemProps = ComponentPropsWithRef<'div'> & {
+  value?: string;
+  disabled?: boolean;
+  label?: string;
+};
+export type SelectItemTextProps = ComponentPropsWithRef<'div'>;
+export type SelectItemIndicatorProps = ComponentPropsWithRef<'span'> & {
+  keepMounted?: boolean;
+};
+export type SelectSeparatorProps = ComponentPropsWithRef<'div'>;
+export type SelectGroupProps = ComponentPropsWithRef<'div'>;
+export type SelectGroupLabelProps = ComponentPropsWithRef<'div'>;
+export type SelectScrollDownArrowProps = ComponentPropsWithRef<'div'> & {
+  keepMounted?: boolean;
+};
+export declare const SelectRootDefinition: ComponentDefinition<SelectRootProps>;
+export declare const SelectLabelDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectTriggerDefinition: ComponentDefinition<SelectTriggerProps>;
+export declare const SelectValueDefinition: ComponentDefinition<SelectValueProps>;
+export declare const SelectIconDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const SelectPortalDefinition: ComponentDefinition<SelectPortalProps>;
+export declare const SelectBackdropDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectPositionerDefinition: ComponentDefinition<SelectPositionerProps>;
+export declare const SelectScrollUpArrowDefinition: ComponentDefinition<SelectScrollUpArrowProps>;
+export declare const SelectPopupDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectArrowDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectListDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectItemDefinition: ComponentDefinition<SelectItemProps>;
+export declare const SelectItemTextDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectItemIndicatorDefinition: ComponentDefinition<SelectItemIndicatorProps>;
+export declare const SelectSeparatorDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectGroupDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectGroupLabelDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const SelectScrollDownArrowDefinition: ComponentDefinition<SelectScrollDownArrowProps>;
+export declare function SelectRoot({ disabled, modal, required, readOnly, children, ...props }: SelectRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectLabel({ className, children, ...props }: SelectLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectTrigger({ disabled, className, children, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectValue({ placeholder, className, children, ...props }: SelectValueProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectIcon({ className, children, ...props }: SelectIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectPortal({ children }: SelectPortalProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectBackdrop({ className, children, ...props }: SelectBackdropProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectPositioner({ side, align, sideOffset, alignItemWithTrigger, className, children, ...props }: SelectPositionerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectScrollUpArrow({ keepMounted, className, children, ...props }: SelectScrollUpArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectPopup({ className, children, ...props }: SelectPopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectArrow({ className, children, ...props }: SelectArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectList({ className, children, ...props }: SelectListProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectItem({ value, disabled, label, className, children, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectItemText({ className, children, ...props }: SelectItemTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectItemIndicator({ keepMounted, className, children, ...props }: SelectItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectSeparator({ className, children, ...props }: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectGroup({ className, children, ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectGroupLabel({ className, children, ...props }: SelectGroupLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectScrollDownArrow({ keepMounted, className, children, ...props }: SelectScrollDownArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare const Select: {
+  Root: typeof SelectRoot;
+  Label: typeof SelectLabel;
+  Trigger: typeof SelectTrigger;
+  Value: typeof SelectValue;
+  Icon: typeof SelectIcon;
+  Portal: typeof SelectPortal;
+  Backdrop: typeof SelectBackdrop;
+  Positioner: typeof SelectPositioner;
+  ScrollUpArrow: typeof SelectScrollUpArrow;
+  Popup: typeof SelectPopup;
+  Arrow: typeof SelectArrow;
+  List: typeof SelectList;
+  Item: typeof SelectItem;
+  ItemText: typeof SelectItemText;
+  ItemIndicator: typeof SelectItemIndicator;
+  Separator: typeof SelectSeparator;
+  Group: typeof SelectGroup;
+  GroupLabel: typeof SelectGroupLabel;
+  ScrollDownArrow: typeof SelectScrollDownArrow;
+};
+//#endregion
+//# sourceMappingURL=select.d.ts.map