@parrot-co/parrot-ui 0.1.8 → 0.1.10

package/dist/module.js

@@ -83,6 +83,211 @@ function $cce662c1d2ec881b$export$c9058316764c140e(...refs) {
         }
     };
 }
+const $cce662c1d2ec881b$var$validDOMProperties = new Set([
+    // Common HTML attributes
+    "accept",
+    "acceptCharset",
+    "accessKey",
+    "action",
+    "allowFullScreen",
+    "allowTransparency",
+    "alt",
+    "async",
+    "autoComplete",
+    "autoFocus",
+    "autoPlay",
+    "capture",
+    "cellPadding",
+    "cellSpacing",
+    "challenge",
+    "charSet",
+    "checked",
+    "cite",
+    "classID",
+    "className",
+    "colSpan",
+    "cols",
+    "content",
+    "contentEditable",
+    "contextMenu",
+    "controls",
+    "coords",
+    "crossOrigin",
+    "data",
+    "dateTime",
+    "default",
+    "defer",
+    "dir",
+    "disabled",
+    "download",
+    "draggable",
+    "encType",
+    "form",
+    "formAction",
+    "formEncType",
+    "formMethod",
+    "formNoValidate",
+    "formTarget",
+    "frameBorder",
+    "headers",
+    "height",
+    "hidden",
+    "high",
+    "href",
+    "hrefLang",
+    "htmlFor",
+    "httpEquiv",
+    "icon",
+    "id",
+    "inputMode",
+    "integrity",
+    "is",
+    "keyParams",
+    "keyType",
+    "kind",
+    "label",
+    "lang",
+    "list",
+    "loop",
+    "low",
+    "manifest",
+    "marginHeight",
+    "marginWidth",
+    "max",
+    "maxLength",
+    "media",
+    "mediaGroup",
+    "method",
+    "min",
+    "minLength",
+    "multiple",
+    "muted",
+    "name",
+    "noValidate",
+    "nonce",
+    "open",
+    "optimum",
+    "pattern",
+    "placeholder",
+    "poster",
+    "preload",
+    "profile",
+    "radioGroup",
+    "readOnly",
+    "referrerPolicy",
+    "rel",
+    "required",
+    "reversed",
+    "role",
+    "rowSpan",
+    "rows",
+    "sandbox",
+    "scope",
+    "scoped",
+    "scrolling",
+    "seamless",
+    "selected",
+    "shape",
+    "size",
+    "sizes",
+    "span",
+    "spellCheck",
+    "src",
+    "srcDoc",
+    "srcLang",
+    "srcSet",
+    "start",
+    "step",
+    "style",
+    "summary",
+    "tabIndex",
+    "target",
+    "title",
+    "type",
+    "useMap",
+    "value",
+    "width",
+    "wmode",
+    "wrap",
+    // Event handlers
+    "onCopy",
+    "onCut",
+    "onPaste",
+    "onCompositionEnd",
+    "onCompositionStart",
+    "onCompositionUpdate",
+    "onKeyDown",
+    "onKeyPress",
+    "onKeyUp",
+    "onFocus",
+    "onBlur",
+    "onChange",
+    "onInput",
+    "onInvalid",
+    "onSubmit",
+    "onClick",
+    "onContextMenu",
+    "onDoubleClick",
+    "onDrag",
+    "onDragEnd",
+    "onDragEnter",
+    "onDragExit",
+    "onDragLeave",
+    "onDragOver",
+    "onDragStart",
+    "onDrop",
+    "onMouseDown",
+    "onMouseEnter",
+    "onMouseLeave",
+    "onMouseMove",
+    "onMouseOut",
+    "onMouseOver",
+    "onMouseUp",
+    "onSelect",
+    "onTouchCancel",
+    "onTouchEnd",
+    "onTouchMove",
+    "onTouchStart",
+    "onScroll",
+    "onWheel",
+    "onAbort",
+    "onCanPlay",
+    "onCanPlayThrough",
+    "onDurationChange",
+    "onEmptied",
+    "onEncrypted",
+    "onEnded",
+    "onError",
+    "onLoadedData",
+    "onLoadedMetadata",
+    "onLoadStart",
+    "onPause",
+    "onPlay",
+    "onPlaying",
+    "onProgress",
+    "onRateChange",
+    "onSeeked",
+    "onSeeking",
+    "onStalled",
+    "onSuspend",
+    "onTimeUpdate",
+    "onVolumeChange",
+    "onWaiting",
+    "onLoad",
+    "onAnimationStart",
+    "onAnimationEnd",
+    "onAnimationIteration",
+    "onTransitionEnd",
+    "onToggle"
+]);
+function $cce662c1d2ec881b$export$457c3d6518dd4c6f(props) {
+    const newProps = {};
+    for(const key in props){
+        if (!key.startsWith("data-") && !$cce662c1d2ec881b$var$validDOMProperties.has(key)) continue;
+        newProps[key] = props[key];
+    }
+    return newProps;
+}
 
 
 const $ee0105641360f1c1$export$23c260ee8e4dfaad = ({ stretchX: stretchX, stretchY: stretchY, stretchXY: stretchXY, children: children, className: className, position: position, as: as = "div", ...props }, ref)=>{
@@ -230,7 +435,7 @@ const $e2f278d76a00796a$export$21ee1313e2afe36c = (props, ref)=>{
         className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, inline ? "display-inline-flex" : "display-flex", `flex-direction-${flexDirection}`, wrap && `flex-${wrap}`, justify && `flex-justify-${justify}`, align && `flex-align-${align}`, (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("gap", gap), (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("column-gap", columnGap), (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("row-gap", rowGap)),
         // TODO - Fix types here - seems to work just fine though
         ref: ref,
-        ...otherProps,
+        ...(0, $cce662c1d2ec881b$export$457c3d6518dd4c6f)(otherProps),
         children: props.children
     });
 };
@@ -494,7 +699,6 @@ function $ef10b8551376ecd8$export$f5b8910cec6cf069({ className: className, class
         })
     });
 }
-$ef10b8551376ecd8$export$f5b8910cec6cf069.displayName = "Input";
 
 
 
@@ -588,7 +792,7 @@ function $b35ea695a7e1feb7$export$d2dae087199d2383(object) {
 
 
 const $9230e224c5c26d9c$var$ButtonGroupContext = /*#__PURE__*/ $hgUW1$createContext({});
-function $9230e224c5c26d9c$export$69b1032f2ecdf404({ color: color, variant: variant, size: size, compact: compact, radius: radius, gap: gap, children: children, idleColor: idleColor, activeColor: activeColor, idleVariant: idleVariant, activeVariant: activeVariant, isToggle: isToggle }) {
+function $9230e224c5c26d9c$export$69b1032f2ecdf404({ color: color, variant: variant, size: size, compact: compact, radius: radius, gap: gap, children: children, idleColor: idleColor, activeColor: activeColor, idleVariant: idleVariant, activeVariant: activeVariant, isToggle: isToggle, className: className, classNames: classNames, style: style, styles: styles }) {
     const cleanProps = (0, $b35ea695a7e1feb7$export$d2dae087199d2383)({
         color: color,
         variant: variant,
@@ -603,6 +807,10 @@ function $9230e224c5c26d9c$export$69b1032f2ecdf404({ color: color, variant: vari
     return /*#__PURE__*/ (0, $hgUW1$jsx)($9230e224c5c26d9c$var$ButtonGroupContext.Provider, {
         value: cleanProps,
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $41cc567ab0625f8f$export$eef1e68107c58ef2), {
+            className: className,
+            classNames: classNames,
+            style: style,
+            styles: styles,
             gap: gap,
             compact: compact,
             children: children
@@ -655,7 +863,7 @@ const $d95a2216d3ccf702$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hgUW1$react
     return /*#__PURE__*/ (0, $hgUW1$jsxs)(Comp, {
         style: {
             ...style,
-            ...styles?.base
+            ...styles?.wrapper
         },
         "data-is-toggle": isToggle,
         "data-pressed": isPressed,
@@ -788,10 +996,10 @@ function $2e89c7375b40283e$export$6bf0cd3a219bbade({ appearance: appearance = "o
 
 
 
-const $5e6f334f3e354c44$export$b28585a458fee016 = /*#__PURE__*/ (0, $hgUW1$react).forwardRef((props, ref)=>{
+function $5e6f334f3e354c44$export$b28585a458fee016({ wrapperRef: wrapperRef, ...props }) {
     const [showPassword, setShowPassword] = (0, $hgUW1$react).useState(false);
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ef10b8551376ecd8$export$f5b8910cec6cf069), {
-        ref: ref,
+        wrapperRef: wrapperRef,
         ...props,
         type: showPassword ? "text" : "password",
         append: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e3f71af5eaf1c216$export$c25acd513dcc8062), {
@@ -803,8 +1011,7 @@ const $5e6f334f3e354c44$export$b28585a458fee016 = /*#__PURE__*/ (0, $hgUW1$react
             })
         })
     });
-});
-$5e6f334f3e354c44$export$b28585a458fee016.displayName = "PasswordInput";
+}
 
 
 
@@ -1468,10 +1675,12 @@ function $6ae005878b435ce8$var$ListOption({ state: state, item: item }) {
         ...optionProps,
         ...otherProps,
         ref: optionRef,
+        "data-text-value": textValue,
+        "data-title": title,
         children: [
             item.rendered,
             isSelected && showSelectionIndicator && (renderSelectionIndicator?.(item) ?? /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                children: "x"
+                children: "/"
             }))
         ]
     });
@@ -1835,7 +2044,7 @@ $c700d45659d35204$export$3288d34c523a1192.displayName = "Tag";
 
 
 
-function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode: selectionMode = "single", appearance: appearance = "outline", renderValue: renderValue, color: color = "gray", error: error, description: description, size: size = "sm", radius: radius, listBoxColor: listBoxColor, className: className, value: value, defaultValue: defaultValue, onChange: onChange, onSelectionChange: onSelectionChange, style: style, classNames: classNames, styles: styles, showSectionSeparator: showSectionSeparator = true, showSelectionIndicator: showSelectionIndicator = true, ...props }) {
+function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode: selectionMode = "single", appearance: appearance = "outline", renderValue: renderValue, color: color = "gray", error: error, description: description, size: size = "sm", radius: radius, listBoxColor: listBoxColor, className: className, value: value, onChange: onChange, onSelectionChange: onSelectionChange, style: style, classNames: classNames, styles: styles, showSectionSeparator: showSectionSeparator = true, showSelectionIndicator: showSelectionIndicator = true, ...props }) {
     const isMultiple = selectionMode === "multiple";
     const _value = $hgUW1$useMemo(()=>{
         if (!value) return null;
@@ -2086,20 +2295,6 @@ function $b57bc04886adb8b4$export$b4085f3d3ede4716(array, keys) {
 }
 
 
-const $11e1beb2a56c81ba$var$monthsByIndex = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "Septemper",
-    "October",
-    "November",
-    "December"
-];
 const $11e1beb2a56c81ba$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRef(({ numberOfMonths: numberOfMonths = 1, color: color, ...props }, ref)=>{
     const { locale: locale } = (0, $hgUW1$useLocale)();
     const state = (0, $hgUW1$useCalendarState)({
@@ -2782,7 +2977,7 @@ $fac55dfefd316398$export$b5d5cf8927ab7262.displayName = "Switch";
 
 
 
-function $17f80f062b7f107f$export$472062a354075cee({ className: className, classNames: classNames, style: style, styles: styles, name: name, size: size = "sm", orientation: orientation = "horizontal", ...props }) {
+function $17f80f062b7f107f$export$472062a354075cee({ className: className, classNames: classNames, style: style, styles: styles, name: name, size: size = "sm", color: color, orientation: orientation = "horizontal", ...props }) {
     const trackRef = $hgUW1$useRef(null);
     const numberFormatter = (0, $hgUW1$useNumberFormatter)();
     const state = (0, $hgUW1$useSliderState)({
@@ -2795,6 +2990,7 @@ function $17f80f062b7f107f$export$472062a354075cee({ className: className, class
     }, state, trackRef);
     const percent = state.getThumbPercent(0);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        "data-color": color,
         "data-size": size,
         style: {
             ...style,
@@ -2809,15 +3005,20 @@ function $17f80f062b7f107f$export$472062a354075cee({ className: className, class
                 children: props.label
             }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                ...trackProps,
                 ref: trackRef,
                 className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-slider-track", classNames?.track),
-                ...trackProps,
+                style: {
+                    ...styles?.track,
+                    ...trackProps.style
+                },
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         style: {
+                            ...styles?.fill,
                             width: `${percent * 100}%`
                         },
-                        className: "p-slider-track-fill"
+                        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-slider-track-fill", classNames?.fill)
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)($17f80f062b7f107f$var$Thumb, {
                         styles: {
@@ -2848,14 +3049,15 @@ function $17f80f062b7f107f$var$Thumb({ state: state, trackRef: trackRef, index:
     }, state);
     const { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $hgUW1$useFocusRing)();
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+        ...thumbProps,
         "data-dragging": isDragging,
         "data-focus-visible": isFocusVisible,
         className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-slider-thumb", className, classNames?.wrapper),
         style: {
+            ...thumbProps.style,
             ...style,
             ...styles?.wrapper
         },
-        ...thumbProps,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 style: styles?.inner,
@@ -3557,7 +3759,7 @@ const $31aad62a65b342bc$export$a79147a60006308c = (0, $hgUW1$Item);
 
 
 
-function $b925f0cf89a3187d$export$9feb1bc2e5f1ccb3({ onChange: onChange, color: colorProp }) {
+function $b925f0cf89a3187d$export$9feb1bc2e5f1ccb3({ onChange: onChange, color: colorProp, styles: styles, classNames: classNames, className: className, style: style }) {
     const [colorSpace, setColorSpace] = $hgUW1$useState("hex");
     const [color, setColor] = (0, $fda09bbc0161c751$export$40bfa8c7b0832715)(colorProp, (0, $hgUW1$parseColor)("#BB66CC").toFormat("hsla"), onChange);
     function handleChange(color) {
@@ -4054,5 +4256,5 @@ function $8f49d2e6ba434739$export$6e865ea70d7724f(color) {
 
 
 
-export {$ee0105641360f1c1$export$e71c4d32a2263218 as Box, $11bc53f9891a6532$export$ef2184bd89960b14 as Grid, $11bc53f9891a6532$export$9eb849b9b922d396 as GridItem, $e2f278d76a00796a$export$f51f4c4ede09e011 as Flex, $ef10b8551376ecd8$export$f5b8910cec6cf069 as Input, $2e89c7375b40283e$export$6bf0cd3a219bbade as NumberInput, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6 as Text, $7794de767effca39$export$379139ebc1c2b235 as Textarea, $d95a2216d3ccf702$export$353f5b6fc5456de1 as Button, $e3f71af5eaf1c216$export$c25acd513dcc8062 as IconButton, $9230e224c5c26d9c$export$69b1032f2ecdf404 as ButtonGroup, $0ca204e719955216$export$48513f6b9f8ce62d as Checkbox, $1ab2e355b7aa4310$export$4aa08d5625cb8ead as CheckboxGroup, $3ba60d401cc6cc09$export$e44a253a59704894 as DropdownMenu, $618e53c42107439d$export$72b9695b8216309a as ComboBox, $e00a258f2e8c7774$export$d7b12c4107be0d61 as Radio, $e00a258f2e8c7774$export$a98f0dcb43a68a25 as RadioGroup, $e3711da06539818f$export$f8afaea2e9656b91 as RadioCard, $9f79d30a629e2c71$export$ef9b1a59e592288f as Select, $c35269c9504bc94d$export$5b7f4051a57920d0 as Option, $c35269c9504bc94d$export$5b7f4051a57920d0 as ListBoxItem, $c35269c9504bc94d$export$ef146090a6472d9e as Section, $c35269c9504bc94d$export$ef146090a6472d9e as ListBoxSection, $48aceaf3289ec325$export$7edc06cf1783b30f as DateInput, $11e1beb2a56c81ba$export$e1aef45b828286de as Calendar, $55bcc0e5986993c4$export$e2255cf6045e8d47 as Avatar, $f9f5a5b674d0a63f$export$1a5cb5295a7d2749 as FileUploader, $1a0bc09c6bea5bcc$export$1ff3c3f08ae963c0 as Separator, $2cc726bf01dd2fe8$export$b25a304ec7d746bb as Progress, $e1148cdb3a130657$export$3b0d6d7590275603 as Loader, $c700d45659d35204$export$3288d34c523a1192 as Tag, $fac55dfefd316398$export$b5d5cf8927ab7262 as Switch, $17f80f062b7f107f$export$472062a354075cee as Slider, $62ecff109eaa29fb$export$50e381fea3a45244 as IconTray, $6bbafdf52af7a191$export$ea98c603db73aee7 as Sticker, $28ce03a907630a4d$export$b2539bed5023c21c as Tabs, $28ce03a907630a4d$export$6d08773d2e66f8f2 as Tab, $18afd8c09c9f3065$export$54ec01a60f47d33d as Table, $727b3a4d9b39464f$export$e6a97ba2cae5bb94 as Timeline, $4bad2c10a2b6e638$export$2b77a92f1a5ad772 as Modal, $4bad2c10a2b6e638$export$33ffd74ebf07f060 as useModal, $41cc567ab0625f8f$export$eef1e68107c58ef2 as Space, $aca304249f917497$export$39299b56cfd4e361 as TagInput, $61ac9d13c14b7f5b$export$5b6b19405a83ff9d as Popover, $61ac9d13c14b7f5b$export$d7e1f420b25549ff as PopoverContent, $61ac9d13c14b7f5b$export$7dacb05d26466c3 as PopoverTrigger, $31aad62a65b342bc$export$67ea30858aaf75e3 as TagGroup, $31aad62a65b342bc$export$a79147a60006308c as TagGroupItem, $5fc28f26e128d5c0$export$d8964aec282183a3 as ThemeProvider, $5fc28f26e128d5c0$export$93d4e7f90805808f as useTheme, $d03055b0909e9e3a$export$b2103f68a961418e as ColorArea, $2abac2409e7cef4a$export$b865d4358897bb17 as ColorField, $b925f0cf89a3187d$export$9feb1bc2e5f1ccb3 as ColorPicker, $216a62c521cf5bbd$export$44fd664bcca5b6fb as ColorSlider, $a364ffae99b57fd7$export$b46792416e3d8515 as ColorSwatchPicker};
+export {$ee0105641360f1c1$export$e71c4d32a2263218 as Box, $11bc53f9891a6532$export$ef2184bd89960b14 as Grid, $11bc53f9891a6532$export$9eb849b9b922d396 as GridItem, $e2f278d76a00796a$export$f51f4c4ede09e011 as Flex, $ef10b8551376ecd8$export$f5b8910cec6cf069 as Input, $2e89c7375b40283e$export$6bf0cd3a219bbade as NumberInput, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6 as Text, $7794de767effca39$export$379139ebc1c2b235 as Textarea, $d95a2216d3ccf702$export$353f5b6fc5456de1 as Button, $e3f71af5eaf1c216$export$c25acd513dcc8062 as IconButton, $9230e224c5c26d9c$export$69b1032f2ecdf404 as ButtonGroup, $0ca204e719955216$export$48513f6b9f8ce62d as Checkbox, $1ab2e355b7aa4310$export$4aa08d5625cb8ead as CheckboxGroup, $3ba60d401cc6cc09$export$e44a253a59704894 as DropdownMenu, $618e53c42107439d$export$72b9695b8216309a as ComboBox, $e00a258f2e8c7774$export$d7b12c4107be0d61 as Radio, $e00a258f2e8c7774$export$a98f0dcb43a68a25 as RadioGroup, $e3711da06539818f$export$f8afaea2e9656b91 as RadioCard, $9f79d30a629e2c71$export$ef9b1a59e592288f as Select, $c35269c9504bc94d$export$5b7f4051a57920d0 as Option, $c35269c9504bc94d$export$5b7f4051a57920d0 as ListBoxItem, $c35269c9504bc94d$export$ef146090a6472d9e as Section, $c35269c9504bc94d$export$ef146090a6472d9e as ListBoxSection, $48aceaf3289ec325$export$7edc06cf1783b30f as DateInput, $11e1beb2a56c81ba$export$e1aef45b828286de as Calendar, $55bcc0e5986993c4$export$e2255cf6045e8d47 as Avatar, $f9f5a5b674d0a63f$export$1a5cb5295a7d2749 as FileUploader, $1a0bc09c6bea5bcc$export$1ff3c3f08ae963c0 as Separator, $2cc726bf01dd2fe8$export$b25a304ec7d746bb as Progress, $e1148cdb3a130657$export$3b0d6d7590275603 as Loader, $c700d45659d35204$export$3288d34c523a1192 as Tag, $fac55dfefd316398$export$b5d5cf8927ab7262 as Switch, $17f80f062b7f107f$export$472062a354075cee as Slider, $62ecff109eaa29fb$export$50e381fea3a45244 as IconTray, $6bbafdf52af7a191$export$ea98c603db73aee7 as Sticker, $28ce03a907630a4d$export$b2539bed5023c21c as Tabs, $28ce03a907630a4d$export$6d08773d2e66f8f2 as Tab, $18afd8c09c9f3065$export$54ec01a60f47d33d as Table, $727b3a4d9b39464f$export$e6a97ba2cae5bb94 as Timeline, $4bad2c10a2b6e638$export$2b77a92f1a5ad772 as Modal, $4bad2c10a2b6e638$export$33ffd74ebf07f060 as useModal, $41cc567ab0625f8f$export$eef1e68107c58ef2 as Space, $aca304249f917497$export$39299b56cfd4e361 as TagInput, $61ac9d13c14b7f5b$export$5b6b19405a83ff9d as Popover, $61ac9d13c14b7f5b$export$d7e1f420b25549ff as PopoverContent, $61ac9d13c14b7f5b$export$7dacb05d26466c3 as PopoverTrigger, $31aad62a65b342bc$export$67ea30858aaf75e3 as TagGroup, $31aad62a65b342bc$export$a79147a60006308c as TagGroupItem, $5fc28f26e128d5c0$export$d8964aec282183a3 as ThemeProvider, $5fc28f26e128d5c0$export$93d4e7f90805808f as useTheme, $d03055b0909e9e3a$export$b2103f68a961418e as ColorArea, $2abac2409e7cef4a$export$b865d4358897bb17 as ColorField, $b925f0cf89a3187d$export$9feb1bc2e5f1ccb3 as ColorPicker, $216a62c521cf5bbd$export$44fd664bcca5b6fb as ColorSlider, $a364ffae99b57fd7$export$b46792416e3d8515 as ColorSwatchPicker, $8f49d2e6ba434739$export$6e865ea70d7724f as parseColor};
 //# sourceMappingURL=module.js.map