@particle-academy/react-fancy 4.4.1 → 4.4.3

package/README.md

@@ -1,5 +1,7 @@
 # @particle-academy/react-fancy
 
+[![Fancified](art/fancified.svg)](https://particle.academy)
+
 React UI component library for **Human+ UX** — controlled, agent-bridgeable primitives that humans and agents share. Every component exposes `value` / `onChange`, stable handles, and JSON-friendly props so MCP bridges can drive the UI without DOM scraping.
 
 ## Inertia.js integration

package/dist/index.cjs

@@ -2975,18 +2975,18 @@ function Field({
   ] });
 }
 var insidePaddingLeft = {
-  xs: "pl-7",
-  sm: "pl-8",
-  md: "pl-9",
-  lg: "pl-10",
-  xl: "pl-11"
+  xs: "[&_input]:pl-7 [&_select]:pl-7 [&_textarea]:pl-7",
+  sm: "[&_input]:pl-8 [&_select]:pl-8 [&_textarea]:pl-8",
+  md: "[&_input]:pl-9 [&_select]:pl-9 [&_textarea]:pl-9",
+  lg: "[&_input]:pl-10 [&_select]:pl-10 [&_textarea]:pl-10",
+  xl: "[&_input]:pl-11 [&_select]:pl-11 [&_textarea]:pl-11"
 };
 var insidePaddingRight = {
-  xs: "pr-7",
-  sm: "pr-8",
-  md: "pr-9",
-  lg: "pr-10",
-  xl: "pr-11"
+  xs: "[&_input]:pr-7 [&_select]:pr-7 [&_textarea]:pr-7",
+  sm: "[&_input]:pr-8 [&_select]:pr-8 [&_textarea]:pr-8",
+  md: "[&_input]:pr-9 [&_select]:pr-9 [&_textarea]:pr-9",
+  lg: "[&_input]:pr-10 [&_select]:pr-10 [&_textarea]:pr-10",
+  xl: "[&_input]:pr-11 [&_select]:pr-11 [&_textarea]:pr-11"
 };
 var affixOutsideClasses = "inline-flex items-center border border-zinc-300 bg-zinc-50 px-3 text-sm text-zinc-500 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-400";
 function InputWrapper({
@@ -3025,7 +3025,7 @@ function InputWrapper({
                   hasOutsidePrefix && !hasOutsideSuffix && "[&_input]:rounded-l-none [&_select]:rounded-l-none [&_textarea]:rounded-l-none",
                   !hasOutsidePrefix && hasOutsideSuffix && "[&_input]:rounded-r-none [&_select]:rounded-r-none [&_textarea]:rounded-r-none",
                   hasOutsidePrefix && hasOutsideSuffix && "[&_input]:rounded-none [&_select]:rounded-none [&_textarea]:rounded-none",
-                  hasInsidePrefix && `[&_input]:${insidePaddingLeft[size]} [&_select]:${insidePaddingLeft[size]} [&_textarea]:${insidePaddingLeft[size]}`
+                  hasInsidePrefix && insidePaddingLeft[size]
                 ),
                 children
               }
@@ -3044,8 +3044,8 @@ function InputWrapper({
       {
         className: cn(
           "w-full",
-          hasInsidePrefix && `[&_input]:${insidePaddingLeft[size]} [&_select]:${insidePaddingLeft[size]} [&_textarea]:${insidePaddingLeft[size]}`,
-          hasInsideSuffix && `[&_input]:${insidePaddingRight[size]} [&_select]:${insidePaddingRight[size]} [&_textarea]:${insidePaddingRight[size]}`
+          hasInsidePrefix && insidePaddingLeft[size],
+          hasInsideSuffix && insidePaddingRight[size]
         ),
         children
       }
@@ -5524,7 +5524,7 @@ function TableRow({
     hasTray && expanded && /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "bg-zinc-50/50 dark:bg-zinc-800/30", children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 999, children: tray }) })
   ] });
 }
-function TableCell({ children, className, header }) {
+function TableCell({ children, className, header, ...rest }) {
   const Tag = header ? "th" : "td";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Tag,
@@ -5535,6 +5535,7 @@ function TableCell({ children, className, header }) {
         header && "text-left font-medium text-zinc-500 dark:text-zinc-400",
         className
       ),
+      ...rest,
       children
     }
   );
@@ -7930,7 +7931,8 @@ function ModalRoot({
   open,
   onClose,
   size = "md",
-  className
+  className,
+  ...rest
 }) {
   const panelRef = react.useRef(null);
   const close = react.useCallback(() => onClose(), [onClose]);
@@ -7971,6 +7973,7 @@ function ModalRoot({
         "data-react-fancy-modal": "",
         role: "dialog",
         "aria-modal": "true",
+        ...rest,
         className: cn(
           "relative flex w-full flex-col overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-xl dark:border-zinc-700 dark:bg-zinc-900",
           SIZE_MAP[size],
@@ -8338,7 +8341,9 @@ function TabsTab({
   children,
   value,
   disabled = false,
-  className
+  className,
+  onClick,
+  ...rest
 }) {
   const { activeTab, setActiveTab, variant } = useTabs();
   const isActive = activeTab === value;
@@ -8351,7 +8356,11 @@ function TabsTab({
       disabled,
       "aria-selected": isActive,
       tabIndex: isActive ? 0 : -1,
-      onClick: () => !disabled && setActiveTab(value),
+      onClick: (e) => {
+        if (!disabled) setActiveTab(value);
+        onClick?.(e);
+      },
+      ...rest,
       className: cn(
         "text-sm font-medium transition-colors",
         disabled && "cursor-not-allowed opacity-50",