@homecode/ui 5.5.0 → 5.6.0

package/dist/esm/index.js

@@ -17,6 +17,7 @@ export { Expand } from './src/components/Expand/Expand.js';
 export { Flex } from './src/components/Flex/Flex.js';
 export { Form } from './src/components/Form/Form.js';
 export { Gallery, normalizeGalleryItem } from './src/components/Gallery/Gallery.js';
+export { GridLayout } from './src/components/GridLayout/GridLayout.js';
 export { Heading } from './src/components/Heading/Heading.js';
 export { Icon } from './src/components/Icon/Icon.js';
 export { Input } from './src/components/Input/Input.js';

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -44,6 +44,7 @@ import '../ProgressCircular/ProgressCircular.styl.js';
 import '../Slider/Slider.styl.js';
 import '../VideoPlayer/VideoPlayer.styl.js';
 import '../Gallery/Gallery.styl.js';
+import '../GridLayout/GridLayout.styl.js';
 import '../Heading/Heading.js';
 import '../InputFile/InputFile.styl.js';
 import '../InputFile/Item/Item.styl.js';

package/dist/esm/src/components/GridLayout/GridLayout.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './GridLayout.styl.js';
+
+function GridLayout({ children, colWidth = 300, gap = 'var(--p-2)', className, as: asProp, }) {
+    const As = asProp ?? 'div';
+    return (jsx(As, { className: cn(S.root, className), style: {
+            maxWidth: '100%',
+            gap,
+            display: 'grid',
+            gridTemplateColumns: `repeat(auto-fit, minmax(${colWidth}px, 1fr))`,
+        }, children: children }));
+}
+
+export { GridLayout };

package/dist/esm/src/components/GridLayout/GridLayout.styl.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".GridLayout_root__tpdT0{display:grid;min-width:0;width:100%}";
+var S = {"root":"GridLayout_root__tpdT0"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/InputFile/InputFile.js

@@ -48,6 +48,7 @@ import '../ProgressCircular/ProgressCircular.styl.js';
 import '../Slider/Slider.styl.js';
 import '../VideoPlayer/VideoPlayer.styl.js';
 import '../Gallery/Gallery.styl.js';
+import '../GridLayout/GridLayout.styl.js';
 import '../Heading/Heading.js';
 import '../../services/i18n.js';
 import '../LightBox/LightBox.styl.js';

package/dist/esm/types/src/components/GridLayout/GridLayout.d.ts

@@ -0,0 +1,3 @@
+import type { Props } from './GridLayout.types';
+export type { Props as GridLayoutProps } from './GridLayout.types';
+export declare function GridLayout({ children, colWidth, gap, className, as: asProp, }: Props): import("react").JSX.Element;

package/dist/esm/types/src/components/GridLayout/GridLayout.types.d.ts

@@ -0,0 +1,8 @@
+import type { ElementType, ReactNode } from 'react';
+export type Props = {
+    children: ReactNode;
+    colWidth?: number;
+    gap?: string;
+    className?: string;
+    as?: ElementType;
+};

package/dist/esm/types/src/components/index.d.ts

@@ -17,6 +17,7 @@ export * from './Expand/Expand';
 export * from './Flex/Flex';
 export * from './Form/Form';
 export * from './Gallery/Gallery';
+export * from './GridLayout/GridLayout';
 export * from './Heading/Heading';
 export * from './Icon/Icon';
 export * from './Input/Input';

package/graphify-out/.graphify_labels.json

@@ -175,24 +175,54 @@
   "173": "Community 173",
   "174": "Community 174",
   "175": "Community 175",
+  "176": "Community 176",
   "177": "Community 177",
+  "178": "Community 178",
+  "179": "Community 179",
   "180": "Community 180",
+  "181": "Community 181",
   "182": "Community 182",
   "183": "Community 183",
   "184": "Community 184",
+  "185": "Community 185",
+  "186": "Community 186",
+  "187": "Community 187",
   "188": "Community 188",
   "189": "Community 189",
+  "190": "Community 190",
+  "191": "Community 191",
   "192": "Community 192",
+  "193": "Community 193",
   "194": "Community 194",
   "195": "Community 195",
+  "196": "Community 196",
   "197": "Community 197",
+  "198": "Community 198",
+  "199": "Community 199",
   "200": "Community 200",
   "201": "Community 201",
+  "202": "Community 202",
+  "203": "Community 203",
+  "204": "Community 204",
   "205": "Community 205",
+  "206": "Community 206",
+  "207": "Community 207",
+  "208": "Community 208",
+  "209": "Community 209",
   "210": "Community 210",
   "211": "Community 211",
   "212": "Community 212",
   "213": "Community 213",
+  "214": "Community 214",
   "215": "Community 215",
-  "216": "Community 216"
+  "216": "Community 216",
+  "217": "Community 217",
+  "218": "Community 218",
+  "219": "Community 219",
+  "220": "Community 220",
+  "221": "Community 221",
+  "222": "Community 222",
+  "223": "Community 223",
+  "224": "Community 224",
+  "225": "Community 225"
 }

package/graphify-out/2026-07-19/.graphify_labels.json

@@ -0,0 +1,198 @@
+{
+  "0": "Docs Examples Index",
+  "1": "PromptComposer",
+  "2": "Build Toolchain",
+  "3": "Form Examples",
+  "4": "Autocomplete Examples",
+  "5": "Checkbox Showcase",
+  "6": "Theme Config",
+  "7": "Type Props Schema",
+  "8": "Notifications System",
+  "9": "Button Checkbox Core",
+  "10": "Optional Value Props",
+  "11": "Select Component",
+  "12": "Input AssistiveText",
+  "13": "Gallery Component",
+  "14": "Virtualized Examples",
+  "15": "TypeScript Config",
+  "16": "Package Dependencies",
+  "17": "Card Component",
+  "18": "Debounce Paranja",
+  "19": "UILIB Docs Assets",
+  "20": "Component Type Props",
+  "21": "Flex Gallery",
+  "22": "DatePicker Examples",
+  "23": "Comment Value Props",
+  "24": "Docs Index Pages",
+  "25": "i18n LangSelector",
+  "26": "Package Metadata",
+  "27": "Popup Positioning",
+  "28": "Popup Component",
+  "29": "Docs Code Layout",
+  "30": "Draggable Types",
+  "31": "Slider Component",
+  "32": "Small Component Props",
+  "33": "Select Popup Types",
+  "34": "Router Core",
+  "35": "Calendar Helpers",
+  "36": "AssistiveText Menu",
+  "37": "Button DatePicker Types",
+  "38": "Container Icon",
+  "39": "Checkbox Props",
+  "40": "NPM Scripts",
+  "41": "Calendar DatePicker",
+  "42": "DateTime Types",
+  "43": "Autocomplete Core",
+  "44": "Global Type Kinds",
+  "45": "Date Type Fields",
+  "46": "Form Types",
+  "47": "Docs App Store",
+  "48": "Component Types JSON",
+  "49": "Option Value Types",
+  "50": "Generic Props",
+  "51": "Draggable Component",
+  "52": "Heading Scroll",
+  "53": "Progress Indicators",
+  "54": "Table Virtualized",
+  "55": "Virtualized Lifecycle",
+  "56": "Docs Pages",
+  "57": "Code Example Helpers",
+  "58": "Media Control Icons",
+  "59": "Text Heading",
+  "60": "Type Parser Script",
+  "61": "ButtonGroup Tabs",
+  "62": "DateTime Component",
+  "63": "Display Format Props",
+  "64": "Calendar Day Props",
+  "65": "Dialogue Props",
+  "66": "Arrow Chevron Icons",
+  "67": "InputFile Upload",
+  "68": "InputFile Types",
+  "69": "Virtualized List",
+  "70": "List Lifecycle",
+  "71": "Icon Index Exports",
+  "72": "Webpack Paths Config",
+  "73": "DatePicker Helpers",
+  "74": "Calendar Day",
+  "75": "Calendar Pointer Props",
+  "76": "Size Enum Props",
+  "77": "Code Editor",
+  "78": "Communication Icons",
+  "79": "Select Constants",
+  "80": "TextShimmer",
+  "81": "Virtualized Cards",
+  "82": "ClassName Props",
+  "83": "Ukrainian i18n",
+  "84": "Icon RequiredStar Types",
+  "85": "Navigation Icons",
+  "86": "File Action Icons",
+  "87": "Label Helpers",
+  "88": "Lazy Types",
+  "89": "Select Example Helpers",
+  "90": "Menu More Icons",
+  "91": "Social Media Icons",
+  "92": "Rollup Build Config",
+  "93": "Tabs Types",
+  "94": "VH Component",
+  "95": "Docs Navigation",
+  "96": "Footer Alignment",
+  "97": "Calendar Day Disabled",
+  "98": "Render Day Props",
+  "99": "Render Months Label",
+  "100": "Render Month Label",
+  "101": "Render Weekday Label",
+  "102": "Render Year Label",
+  "103": "Start Of Week",
+  "104": "Weekend ClassName",
+  "105": "Weekend Styling",
+  "106": "Icon Name Helpers",
+  "107": "Media Placeholder Icons",
+  "108": "Utility Icons",
+  "109": "Commerce Icons",
+  "110": "Data Usage Icons",
+  "111": "Peer Dependencies",
+  "112": "Table Render",
+  "113": "Theme Docs",
+  "114": "Number Formatting",
+  "115": "Virtualized Index Helpers",
+  "116": "Docs Scope",
+  "117": "Auto Scroll Props",
+  "118": "Content Props",
+  "119": "Content ClassName",
+  "120": "Footer Props",
+  "121": "Icon Props",
+  "122": "Max Height Props",
+  "123": "No Scroll Props",
+  "124": "Subtitle Props",
+  "125": "Subtitle ClassName",
+  "126": "Title Props",
+  "127": "Title ClassName",
+  "128": "Trigger Props",
+  "129": "Trigger ClassName",
+  "130": "Width Props",
+  "131": "Community 131",
+  "132": "Expand Types",
+  "133": "Brand Avatar Icons",
+  "134": "Communication Action Icons",
+  "135": "Status Action Icons",
+  "136": "OAuth Brand Icons",
+  "137": "View Fullscreen Icons",
+  "138": "Add Remove Icons",
+  "139": "Route Navigation Icons",
+  "140": "Settings Tool Icons",
+  "141": "Input Label Constants",
+  "142": "Community 142",
+  "143": "More Docs Examples",
+  "144": "Docs Scope Pages",
+  "145": "Additional Docs Examples",
+  "146": "Brand Logo Assets",
+  "147": "Test Utilities",
+  "148": "PostCSS Config",
+  "149": "Single Doc Page",
+  "150": "Gallery Dots",
+  "151": "Community 151",
+  "152": "Bookmark Icons",
+  "153": "Drag Handler Icons",
+  "154": "Lock Security Icons",
+  "155": "Save Undo Icons",
+  "156": "SVG Test Mock",
+  "157": "Store Declarations",
+  "158": "Global Window Types",
+  "159": "Gallery Singleton",
+  "160": "Minimize Prop",
+  "161": "Forward Icon",
+  "162": "Router Context",
+  "163": "Router Store",
+  "164": "Select Helpers",
+  "165": "Theme Styl Types",
+  "166": "Test Setup",
+  "167": "Community 167",
+  "168": "Community 168",
+  "169": "Community 169",
+  "170": "Community 170",
+  "171": "Community 171",
+  "172": "Community 172",
+  "173": "Community 173",
+  "174": "Community 174",
+  "175": "Community 175",
+  "177": "Community 177",
+  "180": "Community 180",
+  "182": "Community 182",
+  "183": "Community 183",
+  "184": "Community 184",
+  "188": "Community 188",
+  "189": "Community 189",
+  "192": "Community 192",
+  "194": "Community 194",
+  "195": "Community 195",
+  "197": "Community 197",
+  "200": "Community 200",
+  "201": "Community 201",
+  "205": "Community 205",
+  "210": "Community 210",
+  "211": "Community 211",
+  "212": "Community 212",
+  "213": "Community 213",
+  "215": "Community 215",
+  "216": "Community 216"
+}