@parrot-co/parrot-ui 0.0.95 → 0.0.97

package/dist/main.js

@@ -272,7 +272,7 @@ const $c3a954a7c0cb5109$export$21ee1313e2afe36c = (props, ref)=>{
     const { justify: justify, align: align, direction: direction, gap: gap = "sm", columnGap: columnGap, rowGap: rowGap, inline: inline, wrap: wrap, stack: stack, className: className, ...otherProps } = props;
     const flexDirection = stack ? "column" : direction ?? "row";
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $eb8f27c3596a0e6b$export$e71c4d32a2263218), {
-        className: (0, $62f1c614c0962470$export$a274e22fb40f762e)(className, inline ? "display-inline-flex" : "display-flex", `flex-direction-${flexDirection}`, `flex-${wrap}`, `flex-justify-${justify}`, `flex-align-${align}`, (0, $4af7da5c7dd0b9c2$export$2db1d02db18b2d82)("gap", gap), (0, $4af7da5c7dd0b9c2$export$2db1d02db18b2d82)("column-gap", columnGap), (0, $4af7da5c7dd0b9c2$export$2db1d02db18b2d82)("row-gap", rowGap)),
+        className: (0, $62f1c614c0962470$export$a274e22fb40f762e)(className, inline ? "display-inline-flex" : "display-flex", `flex-direction-${flexDirection}`, wrap && `flex-${wrap}`, justify && `flex-justify-${justify}`, align && `flex-align-${align}`, (0, $4af7da5c7dd0b9c2$export$2db1d02db18b2d82)("gap", gap), (0, $4af7da5c7dd0b9c2$export$2db1d02db18b2d82)("column-gap", columnGap), (0, $4af7da5c7dd0b9c2$export$2db1d02db18b2d82)("row-gap", rowGap)),
         // TODO - Fix types here - seems to work just fine though
         ref: ref,
         ...otherProps,
@@ -295,19 +295,17 @@ const $c3a954a7c0cb5109$export$f51f4c4ede09e011 = /*#__PURE__*/ $8zHUo$react.for
 
 
 
+
 const $88fa102d91bf323a$export$f5a10939c0132d55 = (props, ref)=>{
     const { textCase: textCase, size: size = "sm", weight: weight, color: color = "gray", variant: variant = "default", highlight: highlight, align: align, lineHeight: lineHeight, underline: underline, italic: italic, as: Comp = "span", className: className, ...rest } = props;
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)(Comp, {
-        className: (0, $62f1c614c0962470$export$a274e22fb40f762e)({
+        className: (0, $62f1c614c0962470$export$a274e22fb40f762e)("p-text", className, {
             [`text-highlight`]: !!highlight,
-            "p-text": true,
-            [`text-size-${size}`]: !!size,
             [`text-weight-${weight}`]: !!weight,
             [`text-align-${align}`]: !!align,
             [`text-line-height-${lineHeight}`]: !!lineHeight,
-            [`text-transform-${textCase}`]: !!textCase,
-            [`${className}`]: !!className
-        }),
+            [`text-transform-${textCase}`]: !!textCase
+        }, (0, $4af7da5c7dd0b9c2$export$2db1d02db18b2d82)("text-size", size)),
         "data-underline": underline,
         "data-italic": italic,
         "data-color": color,
@@ -1728,11 +1726,13 @@ const $71fcf48f7e2e9427$export$f8afaea2e9656b91 = /*#__PURE__*/ $8zHUo$react.for
                 })
             }),
             showIndicator && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
-                className: "p-fake-radio",
+                className: "p-radio-card-indicator p-fake-radio",
                 "data-size": "sm",
                 "data-checked": inputProps.checked
             }),
             /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
+                stretchX: true,
+                className: "p-radio-card-content",
                 stack: true,
                 gap: "xs",
                 children: [
@@ -1813,7 +1813,7 @@ $cfadb0728cf907ff$export$3288d34c523a1192.displayName = "Tag";
 
 
 
-function $e37831ebf64d8e7d$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, ...props }) {
+function $e37831ebf64d8e7d$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, style: style, ...props }) {
     const isMultiple = selectionMode === "multiple";
     function getValue(value) {
         if (!value) return null;
@@ -1832,7 +1832,6 @@ function $e37831ebf64d8e7d$export$ef9b1a59e592288f({ label: label, selectionMode
         });
     }
     const space = (0, $eae337549f49a5a2$export$450c36e0b0e62ccd)();
-    const [isFocused, setIsFocused] = $8zHUo$react.useState(false);
     const triggerState = (0, $8zHUo$reactstately.useMenuTriggerState)({});
     const listState = (0, $8zHUo$reactstately.useListState)({
         ...props,
@@ -1881,29 +1880,11 @@ function $e37831ebf64d8e7d$export$ef9b1a59e592288f({ label: label, selectionMode
         });
     }
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $eb8f27c3596a0e6b$export$e71c4d32a2263218), {
+        style: style,
         as: "span",
         position: "relative",
         stretchX: true,
         children: [
-            selectionMode === "single" && // Implement a hidden select element to allow for native form submission
-            // should work for both single and multiple selection modes
-            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $8zHUo$reactaria.HiddenSelect), {
-                triggerRef: triggerRef,
-                label: label,
-                name: props.name,
-                state: {
-                    selectedItem: selectedItems[0],
-                    selectedKey: selectedItems[0]?.key,
-                    setSelectedKey: (key)=>listState.selectionManager.setSelectedKeys([
-                            key
-                        ]),
-                    isFocused: isFocused,
-                    setFocused: setIsFocused,
-                    ...listState,
-                    ...triggerState
-                },
-                isDisabled: props.isDisabled
-            }),
             /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
                 "data-radius": radius ?? theme?.radius ?? "lg",
                 gap: "3xs",
@@ -2078,6 +2059,20 @@ function $9bce4a3d5b18599c$export$b4085f3d3ede4716(array, keys) {
 }
 
 
+const $284d30e280d297d3$var$monthsByIndex = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "Septemper",
+    "October",
+    "November",
+    "December"
+];
 const $284d30e280d297d3$export$e1aef45b828286de = /*#__PURE__*/ $8zHUo$react.forwardRef(({ numberOfMonths: numberOfMonths = 1, color: color, ...props }, ref)=>{
     const { locale: locale } = (0, $8zHUo$reactaria.useLocale)();
     const state = (0, $8zHUo$reactstately.useCalendarState)({
@@ -2089,6 +2084,25 @@ const $284d30e280d297d3$export$e1aef45b828286de = /*#__PURE__*/ $8zHUo$react.for
         }
     });
     const { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, title: title } = (0, $8zHUo$reactaria.useCalendar)(props, state);
+    console.log(state);
+    // function onMonthChange(month: string) {
+    //   state.setValue(
+    //     parseDate(
+    //       `${state.value.year}-${month.padStart(2, "0")}-${state.value.day
+    //         .toString()
+    //         .padStart(2, "0")}`
+    //     )
+    //   );
+    // }
+    // function onYearChange(year: string) {
+    //   state.setValue(
+    //     parseDate(
+    //       `${year}-${state.value.month
+    //         .toString()
+    //         .padStart(2, "0")}-${state.value.day.toString().padStart(2, "0")}`
+    //     )
+    //   );
+    // }
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
         "data-color": color,
         inline: true,
@@ -2232,12 +2246,14 @@ const $e0a58c83d4c36e4e$export$7edc06cf1783b30f = /*#__PURE__*/ $8zHUo$react.for
 }), value: value, defaultValue: defaultValue, onChange: onChange, ...props }, ref)=>{
     const space = (0, $eae337549f49a5a2$export$450c36e0b0e62ccd)();
     function proxyOnChange(date) {
-        onChange?.(date.toString(), date);
+        console.log(date);
+        if (!date) onChange?.(null, null);
+        onChange?.(date?.toString(), date);
     }
     const newProps = {
         ...props,
-        value: value ? (0, $8zHUo$internationalizeddate.parseDate)(value) : undefined,
-        defaultValue: defaultValue ? (0, $8zHUo$internationalizeddate.parseDate)(defaultValue) : undefined,
+        value: value ? (0, $8zHUo$internationalizeddate.parseDate)(value) : null,
+        defaultValue: defaultValue ? (0, $8zHUo$internationalizeddate.parseDate)(defaultValue) : null,
         onChange: proxyOnChange
     };
     const state = (0, $8zHUo$reactstately.useDatePickerState)(newProps);