@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/form/list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form/list.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/form/list.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type HTMLAttributes, type ReactNode, useEffect, useId, useRef, useState } from 'react';\nimport {\n  mergeComponentProps,\n  useGenericComponentDefaults,\n} from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nexport interface FormListField<T> {\n  key: string;\n  index: number;\n  name: string;\n  value: T;\n}\nexport interface FormListOperations<T> {\n  add: (value: T, index?: number) => void;\n  remove: (index: number | readonly number[]) => void;\n  move: (from: number, to: number) => void;\n  update: (index: number, value: T) => void;\n}\nexport interface FormListProps<T>\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue'> {\n  name: string;\n  value?: readonly T[];\n  defaultValue?: readonly T[];\n  onChange?: (values: T[]) => void;\n  itemKey?: (value: T) => string;\n  children: (fields: readonly FormListField<T>[], operations: FormListOperations<T>) => ReactNode;\n}\nexport function FormList<T>(rawProps: FormListProps<T>) {\n  const {\n    name,\n    value,\n    defaultValue = [],\n    onChange,\n    itemKey,\n    children,\n    className,\n    ...props\n  } = mergeComponentProps<FormListProps<T>>(useGenericComponentDefaults('FormList'), rawProps);\n  const id = useId();\n  const sequence = useRef(0);\n  const [internal, setInternal] = useState<readonly T[]>(defaultValue);\n  const current = value ?? internal;\n  const root = useRef<HTMLDivElement>(null);\n  const records = useRef<{ key: string; value: T }[]>([]);\n  if (\n    records.current.length !== current.length ||\n    records.current.some((record, index) => !Object.is(record.value, current[index]))\n  ) {\n    const used = new Set<string>();\n    records.current = current.map((item) => {\n      const match = records.current.find(\n        (record) => !used.has(record.key) && Object.is(record.value, item),\n      );\n      const key = itemKey?.(item) ?? match?.key ?? `${id}-${++sequence.current}`;\n      used.add(key);\n      return { value: item, key };\n    });\n  }\n  const update = (next: { key: string; value: T }[]) => {\n    records.current = next;\n    const values = next.map((row) => row.value);\n    if (value === undefined) setInternal(values);\n    onChange?.(values);\n  };\n  useListMotion(root, records.current.map((row) => row.key).join('|'), ':scope > *');\n  const operations: FormListOperations<T> = {\n    add: (item, position = current.length) => {\n      const next = [...records.current];\n      next.splice(Math.max(0, Math.min(next.length, position)), 0, {\n        key: itemKey?.(item) ?? `${id}-${++sequence.current}`,\n        value: item,\n      });\n      update(next);\n    },\n    remove: (index) => {\n      const positions = typeof index === 'number' ? [index] : index;\n      update(records.current.filter((_, position) => !positions.includes(position)));\n    },\n    move: (from, to) => {\n      if (from < 0 || from >= current.length || to < 0 || to >= current.length || from === to)\n        return;\n      const next = [...records.current];\n      const [row] = next.splice(from, 1);\n      if (row) next.splice(to, 0, row);\n      update(next);\n    },\n    update: (index, item) => {\n      if (index < 0 || index >= current.length) return;\n      update(\n        records.current.map((row, position) =>\n          position === index ? { ...row, value: item } : row,\n        ),\n      );\n    },\n  };\n  useEffect(() => {\n    const form = root.current?.closest('form');\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (!event.defaultPrevented && value === undefined) setInternal(defaultValue);\n      });\n    form?.addEventListener('reset', reset);\n    return () => form?.removeEventListener('reset', reset);\n  }, [value, defaultValue]);\n  return (\n    <div {...props} ref={root} className={classes('leaf-form-list', className)}>\n      {children(\n        records.current.map((row, index) => ({\n          key: row.key,\n          index,\n          name: `${name}.${index}`,\n          value: row.value,\n        })),\n        operations,\n      )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","FormList","rawProps","name","value","defaultValue","onChange","itemKey","children","className","props","mergeComponentProps","useGenericComponentDefaults","id","useId","sequence","useRef","internal","setInternal","useState","current","root","records","record","index","used","Set","item","match","update","next","row","undefined","useListMotion","operations","position","Math","positions","_","from","to","useEffect","form","reset","event","queueMicrotask","classes"],"mappings":"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"}

package/dist/cjs/form/list.d.cts

@@ -0,0 +1,23 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface FormListField<T> {
+    key: string;
+    index: number;
+    name: string;
+    value: T;
+}
+export interface FormListOperations<T> {
+    add: (value: T, index?: number) => void;
+    remove: (index: number | readonly number[]) => void;
+    move: (from: number, to: number) => void;
+    update: (index: number, value: T) => void;
+}
+export interface FormListProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange' | 'defaultValue'> {
+    name: string;
+    value?: readonly T[];
+    defaultValue?: readonly T[];
+    onChange?: (values: T[]) => void;
+    itemKey?: (value: T) => string;
+    children: (fields: readonly FormListField<T>[], operations: FormListOperations<T>) => ReactNode;
+}
+export declare function FormList<T>(rawProps: FormListProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=list.d.cts.map

package/dist/cjs/form/list.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.cts","sourceRoot":"","sources":["../../../src/form/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAOhG,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CAAC,CAAC;CACV;AACD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3C;AACD,MAAM,WAAW,aAAa,CAAC,CAAC,CAC9B,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,cAAc,CAAC;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACjG;AACD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,+BA0FrD"}

package/dist/cjs/form/validation.cjs

@@ -0,0 +1,115 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useFormValidation: ()=>useFormValidation
+});
+const external_react_namespaceObject = require("react");
+function useFormValidation(options) {
+    const [errors, setErrors] = (0, external_react_namespaceObject.useState)({}), [pending, setPending] = (0, external_react_namespaceObject.useState)(false);
+    const controller = (0, external_react_namespaceObject.useRef)(void 0);
+    const latest = (0, external_react_namespaceObject.useRef)(options);
+    latest.current = options;
+    (0, external_react_namespaceObject.useEffect)(()=>()=>controller.current?.abort(), []);
+    const cancel = ()=>{
+        controller.current?.abort();
+        controller.current = void 0;
+        setPending(false);
+    };
+    const handleSubmit = async (event)=>{
+        event.preventDefault();
+        controller.current?.abort();
+        controller.current = void 0;
+        setPending(false);
+        const form = event.currentTarget;
+        if (!form.noValidate && !form.reportValidity()) return;
+        const request = new AbortController();
+        controller.current = request;
+        setPending(true);
+        const data = new FormData(form);
+        try {
+            const result = await latest.current.validate(data, request.signal);
+            if (request.signal.aborted) return;
+            setErrors(result);
+            const first = Object.keys(result)[0];
+            if (first) {
+                if (false !== latest.current.focusError) {
+                    const element = form.elements.namedItem(first);
+                    if (element instanceof HTMLElement) element.focus();
+                    else if (element instanceof RadioNodeList && element[0] instanceof HTMLElement) element[0].focus();
+                }
+                return;
+            }
+            await latest.current.onSubmit?.(data, request.signal);
+        } catch (error) {
+            if (!request.signal.aborted) latest.current.onError?.(error);
+        } finally{
+            if (controller.current === request && !request.signal.aborted) {
+                setPending(false);
+                controller.current = void 0;
+            }
+        }
+    };
+    return {
+        errors,
+        pending,
+        setErrors,
+        handleSubmit,
+        cancel,
+        handleReset: (event)=>{
+            queueMicrotask(()=>{
+                if (!event.defaultPrevented) {
+                    cancel();
+                    setErrors({});
+                }
+            });
+        },
+        clearErrors: (name)=>{
+            cancel();
+            setErrors((previous)=>{
+                if (!name) return {};
+                const next = {
+                    ...previous
+                };
+                delete next[name];
+                return next;
+            });
+        }
+    };
+}
+exports.useFormValidation = __webpack_exports__.useFormValidation;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useFormValidation"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=validation.cjs.map

package/dist/cjs/form/validation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form/validation.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/form/validation.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\n  type Dispatch,\n  type FormEvent,\n  type SetStateAction,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nexport interface FormValidationApi {\n  errors: Record<string, string>;\n  pending: boolean;\n  setErrors: Dispatch<SetStateAction<Record<string, string>>>;\n  handleSubmit: (event: FormEvent<HTMLFormElement>) => Promise<void>;\n  handleReset: (event: FormEvent<HTMLFormElement>) => void;\n  cancel: () => void;\n  clearErrors: (name?: string) => void;\n}\nexport interface FormValidationOptions {\n  validate: (\n    data: FormData,\n    signal: AbortSignal,\n  ) => Record<string, string> | Promise<Record<string, string>>;\n  onSubmit?: (data: FormData, signal: AbortSignal) => void | Promise<void>;\n  onError?: (error: unknown) => void;\n  focusError?: boolean;\n}\n/** Schema, asynchronous and server errors, keeping native FormData as the source. */\nexport function useFormValidation(options: FormValidationOptions): FormValidationApi {\n  const [errors, setErrors] = useState<Record<string, string>>({}),\n    [pending, setPending] = useState(false);\n  const controller = useRef<AbortController | undefined>(undefined);\n  const latest = useRef(options);\n  latest.current = options;\n  useEffect(() => () => controller.current?.abort(), []);\n  const cancel = () => {\n    controller.current?.abort();\n    controller.current = undefined;\n    setPending(false);\n  };\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    controller.current?.abort();\n    controller.current = undefined;\n    setPending(false);\n    const form = event.currentTarget;\n    if (!form.noValidate && !form.reportValidity()) return;\n    const request = new AbortController();\n    controller.current = request;\n    setPending(true);\n    const data = new FormData(form);\n    try {\n      const result = await latest.current.validate(data, request.signal);\n      if (request.signal.aborted) return;\n      setErrors(result);\n      const first = Object.keys(result)[0];\n      if (first) {\n        if (latest.current.focusError !== false) {\n          const element = form.elements.namedItem(first);\n          if (element instanceof HTMLElement) element.focus();\n          else if (element instanceof RadioNodeList && element[0] instanceof HTMLElement)\n            element[0].focus();\n        }\n        return;\n      }\n      await latest.current.onSubmit?.(data, request.signal);\n    } catch (error) {\n      if (!request.signal.aborted) latest.current.onError?.(error);\n    } finally {\n      if (controller.current === request && !request.signal.aborted) {\n        setPending(false);\n        controller.current = undefined;\n      }\n    }\n  };\n  return {\n    errors,\n    pending,\n    setErrors,\n    handleSubmit,\n    cancel,\n    handleReset: (event: FormEvent<HTMLFormElement>) => {\n      queueMicrotask(() => {\n        if (!event.defaultPrevented) {\n          cancel();\n          setErrors({});\n        }\n      });\n    },\n    clearErrors: (name?: string) => {\n      cancel();\n      setErrors((previous) => {\n        if (!name) return {};\n        const next = { ...previous };\n        delete next[name];\n        return next;\n      });\n    },\n  };\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useFormValidation","options","errors","setErrors","useState","pending","setPending","controller","useRef","undefined","latest","useEffect","cancel","handleSubmit","event","form","request","AbortController","data","FormData","result","first","element","HTMLElement","RadioNodeList","error","queueMicrotask","name","previous","next"],"mappings":"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"}

package/dist/cjs/form/validation.d.cts

@@ -0,0 +1,19 @@
+import { type Dispatch, type FormEvent, type SetStateAction } from 'react';
+export interface FormValidationApi {
+    errors: Record<string, string>;
+    pending: boolean;
+    setErrors: Dispatch<SetStateAction<Record<string, string>>>;
+    handleSubmit: (event: FormEvent<HTMLFormElement>) => Promise<void>;
+    handleReset: (event: FormEvent<HTMLFormElement>) => void;
+    cancel: () => void;
+    clearErrors: (name?: string) => void;
+}
+export interface FormValidationOptions {
+    validate: (data: FormData, signal: AbortSignal) => Record<string, string> | Promise<Record<string, string>>;
+    onSubmit?: (data: FormData, signal: AbortSignal) => void | Promise<void>;
+    onError?: (error: unknown) => void;
+    focusError?: boolean;
+}
+/** Schema, asynchronous and server errors, keeping native FormData as the source. */
+export declare function useFormValidation(options: FormValidationOptions): FormValidationApi;
+//# sourceMappingURL=validation.d.cts.map

package/dist/cjs/form/validation.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.cts","sourceRoot":"","sources":["../../../src/form/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,cAAc,EAIpB,MAAM,OAAO,CAAC;AACf,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AACD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,CACR,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,WAAW,KAChB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,qFAAqF;AACrF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,iBAAiB,CAuEnF"}

package/dist/cjs/grid/grid.cjs

@@ -0,0 +1,149 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Col: ()=>grid_Col,
+    Grid: ()=>grid_Grid,
+    GridControl: ()=>grid_GridControl,
+    Row: ()=>grid_Row
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const grid_GridControl = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ columns = 3, gap = 16, align = 'stretch', className, style, ...props }, ref) {
+    const variables = {
+        alignItems: align,
+        gap: 'object' == typeof gap ? gap.map((v)=>'number' == typeof v ? `${v}px` : v).join(' ') : gap,
+        ...style
+    };
+    if ('number' == typeof columns) variables['--leaf-grid-columns'] = Math.max(1, Math.trunc(columns));
+    else {
+        let last = 1;
+        for (const point of [
+            'xs',
+            'sm',
+            'md',
+            'lg',
+            'xl'
+        ]){
+            last = columns[point] ?? last;
+            variables[`--leaf-grid-columns-${point}`] = Math.max(1, Math.trunc(last));
+        }
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-grid', className),
+        style: variables
+    });
+});
+const grid_Row = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { gutter = 16, className, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Row', rawProps);
+    const [vertical, horizontal] = 'object' == typeof gutter ? gutter : [
+        gutter,
+        gutter
+    ];
+    const unit = (value)=>'number' == typeof value ? `${value}px` : value;
+    const variables = {
+        '--leaf-row-gutter': unit(horizontal),
+        columnGap: 0,
+        rowGap: unit(vertical),
+        ...style
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(grid_GridControl, {
+        ...props,
+        ref: ref,
+        columns: 24,
+        gap: gutter,
+        style: variables,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-row', className)
+    });
+});
+const grid_Col = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { span = 24, offset = 0, xs, sm, md, lg, xl, className, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Col', rawProps);
+    const variables = {
+        ...style
+    };
+    let last = span;
+    for (const [point, value] of Object.entries({
+        xs,
+        sm,
+        md,
+        lg,
+        xl
+    })){
+        last = value ?? last;
+        variables[`--leaf-col-span-${point}`] = Math.min(24, Math.max(1, Math.trunc(last)));
+        variables[`--leaf-col-display-${point}`] = last <= 0 ? 'none' : 'block';
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            offset > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                "aria-hidden": "true",
+                className: "leaf-col leaf-col--offset",
+                style: {
+                    ...variables,
+                    gridColumnEnd: `span ${Math.min(23, Math.max(1, Math.trunc(offset)))}`,
+                    flexBasis: `${Math.min(23, Math.max(1, Math.trunc(offset))) / 24 * 100}%`
+                }
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                ...props,
+                ref: ref,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-col', className),
+                style: variables
+            })
+        ]
+    });
+});
+const grid_Grid = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Grid', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(grid_GridControl, {
+        ...props,
+        ref: ref
+    });
+});
+grid_Grid.displayName = 'Grid';
+exports.Col = __webpack_exports__.Col;
+exports.Grid = __webpack_exports__.Grid;
+exports.GridControl = __webpack_exports__.GridControl;
+exports.Row = __webpack_exports__.Row;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Col",
+    "Grid",
+    "GridControl",
+    "Row"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=grid.cjs.map

package/dist/cjs/grid/grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid/grid.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/grid/grid.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { forwardRef, type HTMLAttributes } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport type GridBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string | readonly [number | string, number | string];\n  align?: 'start' | 'center' | 'end' | 'stretch';\n}\nexport const GridControl = forwardRef<HTMLDivElement, GridProps>(function GridControl(\n  { columns = 3, gap = 16, align = 'stretch', className, style, ...props }: GridProps,\n  ref,\n) {\n  const variables: LeafThemeStyle = {\n    alignItems: align,\n    gap:\n      typeof gap === 'object'\n        ? gap.map((v) => (typeof v === 'number' ? `${v}px` : v)).join(' ')\n        : gap,\n    ...style,\n  };\n  if (typeof columns === 'number')\n    variables['--leaf-grid-columns'] = Math.max(1, Math.trunc(columns));\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-grid-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return <div {...props} ref={ref} className={classes('leaf-grid', className)} style={variables} />;\n});\nexport interface RowProps extends Omit<GridProps, 'columns' | 'gap'> {\n  gutter?: GridProps['gap'];\n}\nexport const Row = forwardRef<HTMLDivElement, RowProps>(function Row(rawProps: RowProps, ref) {\n  const { gutter = 16, className, style, ...props } = useComponentProps('Row', rawProps);\n  const [vertical, horizontal] = typeof gutter === 'object' ? gutter : [gutter, gutter];\n  const unit = (value: number | string) => (typeof value === 'number' ? `${value}px` : value);\n  const variables: LeafThemeStyle = {\n    '--leaf-row-gutter': unit(horizontal),\n    columnGap: 0,\n    rowGap: unit(vertical),\n    ...style,\n  };\n  return (\n    <GridControl\n      {...props}\n      ref={ref}\n      columns={24}\n      gap={gutter}\n      style={variables}\n      className={classes('leaf-row', className)}\n    />\n  );\n});\nexport interface ColProps extends HTMLAttributes<HTMLDivElement> {\n  span?: number;\n  offset?: number;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n}\nexport const Col = forwardRef<HTMLDivElement, ColProps>(function Col(rawProps: ColProps, ref) {\n  const {\n    span = 24,\n    offset = 0,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    className,\n    style,\n    ...props\n  } = useComponentProps('Col', rawProps);\n  const variables: LeafThemeStyle = { ...style };\n  let last = span;\n  for (const [point, value] of Object.entries({ xs, sm, md, lg, xl })) {\n    last = value ?? last;\n    variables[`--leaf-col-span-${point}`] = Math.min(24, Math.max(1, Math.trunc(last)));\n    variables[`--leaf-col-display-${point}`] = last <= 0 ? 'none' : 'block';\n  }\n  return (\n    <>\n      {offset > 0 && (\n        <div\n          aria-hidden=\"true\"\n          className=\"leaf-col leaf-col--offset\"\n          style={{\n            ...variables,\n            gridColumnEnd: `span ${Math.min(23, Math.max(1, Math.trunc(offset)))}`,\n            flexBasis: `${(Math.min(23, Math.max(1, Math.trunc(offset))) / 24) * 100}%`,\n          }}\n        />\n      )}\n      <div {...props} ref={ref} className={classes('leaf-col', className)} style={variables} />\n    </>\n  );\n});\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(rawProps: GridProps, ref) {\n  const props = useComponentProps('Grid', rawProps);\n  return <GridControl {...props} ref={ref} />;\n});\nGrid.displayName = 'Grid';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","GridControl","forwardRef","columns","gap","align","className","style","props","ref","variables","v","Math","last","point","classes","Row","rawProps","gutter","useComponentProps","vertical","horizontal","unit","value","Col","span","offset","xs","sm","md","lg","xl","Grid"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;ACKO,MAAMI,mBAAcC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAAsC,SAC/D,EAAEC,UAAU,CAAC,EAAEC,MAAM,EAAE,EAAEC,QAAQ,SAAS,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,OAAkB,EACnFC,GAAG;IAEH,MAAMC,YAA4B;QAChC,YAAYL;QACZ,KACE,AAAe,YAAf,OAAOD,MACHA,IAAI,GAAG,CAAC,CAACO,IAAO,AAAa,YAAb,OAAOA,IAAiB,GAAGA,EAAE,EAAE,CAAC,GAAGA,GAAI,IAAI,CAAC,OAC5DP;QACN,GAAGG,KAAK;IACV;IACA,IAAI,AAAmB,YAAnB,OAAOJ,SACTO,SAAS,CAAC,sBAAsB,GAAGE,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACT;SACvD;QACH,IAAIU,OAAO;QACX,KAAK,MAAMC,SAAS;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK,CAAW;YAC3DD,OAAOV,OAAO,CAACW,MAAM,IAAID;YACzBH,SAAS,CAAC,CAAC,oBAAoB,EAAEI,OAAO,CAAC,GAAGF,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACC;QACrE;IACF;IACA,OAAO,WAAP,GAAO,qCAAC;QAAK,GAAGL,KAAK;QAAE,KAAKC;QAAK,WAAWM,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,aAAaT;QAAY,OAAOI;;AACtF;AAIO,MAAMM,WAAMd,AAAA,WAAHc,GAAGd,IAAAA,+BAAAA,UAAAA,AAAAA,EAAqC,SAAae,QAAkB,EAAER,GAAG;IAC1F,MAAM,EAAES,SAAS,EAAE,EAAEZ,SAAS,EAAEC,KAAK,EAAE,GAAGC,OAAO,GAAGW,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,OAAOF;IAC7E,MAAM,CAACG,UAAUC,WAAW,GAAG,AAAkB,YAAlB,OAAOH,SAAsBA,SAAS;QAACA;QAAQA;KAAO;IACrF,MAAMI,OAAO,CAACC,QAA4B,AAAiB,YAAjB,OAAOA,QAAqB,GAAGA,MAAM,EAAE,CAAC,GAAGA;IACrF,MAAMb,YAA4B;QAChC,qBAAqBY,KAAKD;QAC1B,WAAW;QACX,QAAQC,KAAKF;QACb,GAAGb,KAAK;IACV;IACA,OACE,AADK,WAAP,GACE,qCAACN,kBAAWA;QACT,GAAGO,KAAK;QACT,KAAKC;QACL,SAAS;QACT,KAAKS;QACL,OAAOR;QACP,WAAWK,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,YAAYT;;AAGrC;AAUO,MAAMkB,WAAMtB,AAAA,WAAHsB,GAAGtB,IAAAA,+BAAAA,UAAAA,AAAAA,EAAqC,SAAae,QAAkB,EAAER,GAAG;IAC1F,MAAM,EACJgB,OAAO,EAAE,EACTC,SAAS,CAAC,EACVC,EAAE,EACFC,EAAE,EACFC,EAAE,EACFC,EAAE,EACFC,EAAE,EACFzB,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,GAAGW,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,OAAOF;IAC7B,MAAMP,YAA4B;QAAE,GAAGH,KAAK;IAAC;IAC7C,IAAIM,OAAOY;IACX,KAAK,MAAM,CAACX,OAAOS,MAAM,IAAI1B,OAAO,OAAO,CAAC;QAAE8B;QAAIC;QAAIC;QAAIC;QAAIC;IAAG,GAAI;QACnElB,OAAOU,SAASV;QAChBH,SAAS,CAAC,CAAC,gBAAgB,EAAEI,OAAO,CAAC,GAAGF,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACC;QAC5EH,SAAS,CAAC,CAAC,mBAAmB,EAAEI,OAAO,CAAC,GAAGD,QAAQ,IAAI,SAAS;IAClE;IACA,OACE,AADK,WAAP,GACE;;YACGa,SAAS,KACR,AADa,WAAL,GACR,qCAAC;gBACC,eAAY;gBACZ,WAAU;gBACV,OAAO;oBACL,GAAGhB,SAAS;oBACZ,eAAe,CAAC,KAAK,EAAEE,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACc,WAAW;oBACtE,WAAW,GAAId,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,CAAC,GAAGA,KAAK,KAAK,CAACc,YAAY,KAAM,IAAI,CAAC,CAAC;gBAC7E;;0BAGJ,qCAAC;gBAAK,GAAGlB,KAAK;gBAAE,KAAKC;gBAAK,WAAWM,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,YAAYT;gBAAY,OAAOI;;;;AAGlF;AAEO,MAAMsB,YAAO9B,AAAA,WAAH8B,GAAG9B,IAAAA,+BAAAA,UAAAA,AAAAA,EAAsC,SAAce,QAAmB,EAAER,GAAG;IAC9F,MAAMD,QAAQW,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,QAAQF;IACxC,OAAO,WAAP,GAAO,qCAAChB,kBAAWA;QAAE,GAAGO,KAAK;QAAE,KAAKC;;AACtC;AACAuB,UAAK,WAAW,GAAG"}

package/dist/cjs/grid/grid.d.cts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes } from 'react';
+export type GridBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    columns?: number | Partial<Record<GridBreakpoint, number>>;
+    gap?: number | string | readonly [number | string, number | string];
+    align?: 'start' | 'center' | 'end' | 'stretch';
+}
+export declare const GridControl: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface RowProps extends Omit<GridProps, 'columns' | 'gap'> {
+    gutter?: GridProps['gap'];
+}
+export declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ColProps extends HTMLAttributes<HTMLDivElement> {
+    span?: number;
+    offset?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}
+export declare const Col: import("react").ForwardRefExoticComponent<ColProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=grid.d.cts.map

package/dist/cjs/grid/grid.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.cts","sourceRoot":"","sources":["../../../src/grid/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACpE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;CAChD;AACD,eAAO,MAAM,WAAW,sGAsBtB,CAAC;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;CAC3B;AACD,eAAO,MAAM,GAAG,qGAoBd,CAAC;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,eAAO,MAAM,GAAG,qGAoCd,CAAC;AAEH,eAAO,MAAM,IAAI,sGAGf,CAAC"}

package/dist/cjs/grid/index.cjs

@@ -0,0 +1,49 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Col: ()=>external_grid_cjs_namespaceObject.Col,
+    Grid: ()=>external_grid_cjs_namespaceObject.Grid,
+    Row: ()=>external_grid_cjs_namespaceObject.Row
+});
+const external_grid_cjs_namespaceObject = require("./grid.cjs");
+exports.Col = __webpack_exports__.Col;
+exports.Grid = __webpack_exports__.Grid;
+exports.Row = __webpack_exports__.Row;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Col",
+    "Grid",
+    "Row"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/grid/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/grid/index.d.cts

@@ -0,0 +1,3 @@
+export type { ColProps, GridBreakpoint, GridProps, RowProps } from './grid.cjs';
+export { Col, Grid, Row } from './grid.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/grid/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/grid/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC"}