jfs-components 0.0.5 → 0.0.7

package/src/icons/ic_info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z"/></svg>

package/src/icons/ic_warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z"/></svg>

package/src/icons/registry.ts

@@ -4,7 +4,7 @@
  * Auto-generated from SVG files in src/icons/
  * DO NOT EDIT MANUALLY - Run "npm run icons:generate" to regenerate
  * 
- * Generated: 2026-01-22T08:22:14.301Z
+ * Generated: 2026-01-26T22:28:57.035Z
  */
 
 // Icon name to SVG data mapping
@@ -1297,6 +1297,10 @@ export const iconRegistry: Record<string, { path: string, viewBox: string, fillR
     path: 'M18.29 4.29019L6 16.5902V9.00019C6 8.73497 5.89464 8.48062 5.70711 8.29308C5.51957 8.10554 5.26522 8.00019 5 8.00019C4.73478 8.00019 4.48043 8.10554 4.29289 8.29308C4.10536 8.48062 4 8.73497 4 9.00019V19.0002C4.00158 19.1309 4.02876 19.26 4.08 19.3802C4.18147 19.6245 4.37565 19.8187 4.62 19.9202C4.74022 19.9714 4.86932 19.9986 5 20.0002H15C15.2652 20.0002 15.5196 19.8948 15.7071 19.7073C15.8946 19.5198 16 19.2654 16 19.0002C16 18.735 15.8946 18.4806 15.7071 18.2931C15.5196 18.1055 15.2652 18.0002 15 18.0002H7.41L19.71 5.71019C19.8983 5.52188 20.0041 5.26649 20.0041 5.00019C20.0041 4.73388 19.8983 4.47849 19.71 4.29019C19.5217 4.10188 19.2663 3.99609 19 3.99609C18.7337 3.99609 18.4783 4.10188 18.29 4.29019Z',
     viewBox: '0 0 24 24',
   },
+  'ic_info': {
+    path: 'M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z',
+    viewBox: '0 0 24 24',
+  },
   'ic_input_source': {
     path: 'M5 13H9.59L9.3 13.29C8.91 13.68 8.91 14.31 9.3 14.7C9.5 14.9 9.75 14.99 10.01 14.99C10.27 14.99 10.52 14.89 10.72 14.7L12.72 12.7C13.11 12.31 13.11 11.68 12.72 11.29L10.72 9.29C10.33 8.9 9.7 8.9 9.31 9.29C8.92 9.68 8.92 10.31 9.31 10.7L9.6 10.99H3C2.45 10.99 2 11.44 2 11.99C2 12.54 2.45 12.99 3 12.99H5V13Z M19 4H6C4.35 4 3 5.35 3 7V9H5V7C5 6.45 5.45 6 6 6H19C19.55 6 20 6.45 20 7V17C20 17.55 19.55 18 19 18H6C5.45 18 5 17.55 5 17V15H3V17C3 18.65 4.35 20 6 20H19C20.65 20 22 18.65 22 17V7C22 5.35 20.65 4 19 4Z',
     viewBox: '0 0 24 24',
@@ -2686,6 +2690,10 @@ export const iconRegistry: Record<string, { path: string, viewBox: string, fillR
     path: 'M8.5 7C8.20333 7 7.91332 7.08797 7.66664 7.2528C7.41997 7.41762 7.22771 7.65189 7.11418 7.92597C7.00065 8.20006 6.97094 8.50166 7.02882 8.79264C7.0867 9.08361 7.22956 9.35088 7.43934 9.56066C7.64912 9.77044 7.91639 9.9133 8.20736 9.97118C8.49834 10.0291 8.79994 9.99935 9.07403 9.88582C9.34811 9.77229 9.58238 9.58003 9.7472 9.33335C9.91203 9.08668 10 8.79667 10 8.5C10 8.10218 9.84196 7.72064 9.56066 7.43934C9.27936 7.15804 8.89782 7 8.5 7ZM4 10C4.26522 10 4.51957 9.89464 4.70711 9.70711C4.89464 9.51957 5 9.26522 5 9V6C5 5.73478 5.10536 5.48043 5.29289 5.29289C5.48043 5.10536 5.73478 5 6 5H9C9.26522 5 9.51957 4.89464 9.70711 4.70711C9.89464 4.51957 10 4.26522 10 4C10 3.73478 9.89464 3.48043 9.70711 3.29289C9.51957 3.10536 9.26522 3 9 3H6C5.20435 3 4.44129 3.31607 3.87868 3.87868C3.31607 4.44129 3 5.20435 3 6V9C3 9.26522 3.10536 9.51957 3.29289 9.70711C3.48043 9.89464 3.73478 10 4 10ZM18 3H15C14.7348 3 14.4804 3.10536 14.2929 3.29289C14.1054 3.48043 14 3.73478 14 4C14 4.26522 14.1054 4.51957 14.2929 4.70711C14.4804 4.89464 14.7348 5 15 5H18C18.2652 5 18.5196 5.10536 18.7071 5.29289C18.8946 5.48043 19 5.73478 19 6V9C19 9.26522 19.1054 9.51957 19.2929 9.70711C19.4804 9.89464 19.7348 10 20 10C20.2652 10 20.5196 9.89464 20.7071 9.70711C20.8946 9.51957 21 9.26522 21 9V6C21 5.20435 20.6839 4.44129 20.1213 3.87868C19.5587 3.31607 18.7956 3 18 3ZM16.21 9.29C16.0226 9.10375 15.7692 8.99921 15.505 8.99921C15.2408 8.99921 14.9874 9.10375 14.8 9.29L10.51 13.59L9.22 12.29C9.03264 12.1037 8.77919 11.9992 8.515 11.9992C8.25081 11.9992 7.99736 12.1037 7.81 12.29L5 15.09V15C5 14.7348 4.89464 14.4804 4.70711 14.2929C4.51957 14.1054 4.26522 14 4 14C3.73478 14 3.48043 14.1054 3.29289 14.2929C3.10536 14.4804 3 14.7348 3 15V18C3 18.7956 3.31607 19.5587 3.87868 20.1213C4.44129 20.6839 5.20435 21 6 21H18C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18V14.5C21.0008 14.3684 20.9755 14.2379 20.9258 14.1161C20.876 13.9943 20.8027 13.8834 20.71 13.79L16.21 9.29Z',
     viewBox: '0 0 24 24',
   },
+  'ic_warning': {
+    path: 'M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z',
+    viewBox: '0 0 24 24',
+  },
   'ic_warranty': {
     path: 'M8.71 11.29C8.5217 11.1017 8.26631 10.9959 8 10.9959C7.7337 10.9959 7.47831 11.1017 7.29 11.29C7.1017 11.4783 6.99591 11.7337 6.99591 12C6.99591 12.1319 7.02188 12.2625 7.07234 12.3843C7.12281 12.5061 7.19677 12.6168 7.29 12.71L10.29 15.71C10.383 15.8038 10.4936 15.8782 10.6154 15.9289C10.7373 15.9797 10.868 16.0058 11 16.0058C11.132 16.0058 11.2627 15.9797 11.3846 15.9289C11.5064 15.8782 11.617 15.8038 11.71 15.71L21.71 5.71004C21.8983 5.52173 22.0041 5.26634 22.0041 5.00004C22.0041 4.73374 21.8983 4.47834 21.71 4.29004C21.5217 4.10173 21.2663 3.99595 21 3.99595C20.7337 3.99595 20.4783 4.10173 20.29 4.29004L11 13.59L8.71 11.29ZM20.83 10C20.5731 10.042 20.3427 10.1824 20.1877 10.3916C20.0327 10.6007 19.9654 10.862 20 11.12C20.0152 11.4132 20.0152 11.7069 20 12C20 13.5823 19.5308 15.129 18.6518 16.4446C17.7727 17.7602 16.5233 18.7856 15.0615 19.3911C13.5997 19.9966 11.9911 20.155 10.4393 19.8463C8.88743 19.5376 7.46197 18.7757 6.34315 17.6569C5.22433 16.5381 4.4624 15.1126 4.15372 13.5608C3.84504 12.0089 4.00347 10.4004 4.60897 8.93857C5.21447 7.47676 6.23985 6.22733 7.55544 5.34828C8.87104 4.46923 10.4178 4.00004 12 4.00004C13.233 3.99625 14.4494 4.28408 15.55 4.84004C15.7874 4.95938 16.0624 4.97955 16.3147 4.8961C16.5669 4.81264 16.7757 4.63241 16.895 4.39504C17.0144 4.15767 17.0345 3.88261 16.9511 3.63037C16.8676 3.37814 16.6874 3.16938 16.45 3.05004C15.0697 2.35549 13.5452 1.99578 12 2.00004C10.0222 2.00004 8.08879 2.58653 6.4443 3.68534C4.79981 4.78416 3.51809 6.34594 2.76121 8.1732C2.00433 10.0005 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6726 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.482 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22.0019 11.6256 21.9785 11.2514 21.93 10.88C21.8998 10.6179 21.7673 10.3783 21.5613 10.2135C21.3552 10.0486 21.0924 9.97192 20.83 10Z',
     viewBox: '0 0 24 24',

package/src/utils/react-utils.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Helper function to recursively clone children and pass modes prop to components that accept it.
+ * This ensures that all child components in slots receive the modes prop from the parent.
+ */
+export function cloneChildrenWithModes(
+    children: React.ReactNode,
+    modes: Record<string, any>,
+    forcedModes?: Record<string, any>
+): React.ReactNode[] {
+    return React.Children.map(children, (child) => {
+        if (!React.isValidElement(child)) {
+            return child
+        }
+
+        // Get existing children
+        const childChildren = (child.props as any)?.children
+        const hasChildren = childChildren !== undefined && childChildren !== null
+
+        // Clone the child with modes prop if it doesn't already have one
+        // or merge with existing modes if it does
+        // Merge order: parent modes first, then child's explicit modes override them,
+        // then forcedModes (if provided) are applied last and can never be overridden
+        const existingModes = (child.props as any)?.modes
+        const mergedModes = forcedModes
+            ? { ...modes, ...(existingModes || {}), ...forcedModes }
+            : existingModes
+                ? { ...modes, ...existingModes }
+                : modes
+
+        // Recursively process children if they exist
+        const processedChildren: React.ReactNode | undefined = hasChildren
+            ? cloneChildrenWithModes(
+                React.Children.toArray(childChildren),
+                modes,
+                forcedModes
+            )
+            : undefined
+
+        // Clone element with modes and processed children
+        return React.cloneElement(
+            child,
+            {
+                ...(child.props as any),
+                modes: mergedModes,
+            },
+            processedChildren
+        )
+    })?.filter((child) => child !== null && child !== undefined) as React.ReactNode[] ?? []
+}