@uipath/apollo-wind 0.7.2-pr188.4865fad
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +188 -0
- package/dist/components/forms/data-fetcher.cjs +250 -0
- package/dist/components/forms/data-fetcher.d.ts +173 -0
- package/dist/components/forms/data-fetcher.js +207 -0
- package/dist/components/forms/demo-mocks.cjs +1031 -0
- package/dist/components/forms/demo-mocks.d.ts +10 -0
- package/dist/components/forms/demo-mocks.js +997 -0
- package/dist/components/forms/field-renderer.cjs +595 -0
- package/dist/components/forms/field-renderer.d.ts +14 -0
- package/dist/components/forms/field-renderer.js +561 -0
- package/dist/components/forms/form-designer.cjs +2314 -0
- package/dist/components/forms/form-designer.d.ts +1 -0
- package/dist/components/forms/form-designer.js +2280 -0
- package/dist/components/forms/form-examples.cjs +962 -0
- package/dist/components/forms/form-examples.d.ts +46 -0
- package/dist/components/forms/form-examples.js +907 -0
- package/dist/components/forms/form-plugins.cjs +225 -0
- package/dist/components/forms/form-plugins.d.ts +11 -0
- package/dist/components/forms/form-plugins.js +176 -0
- package/dist/components/forms/form-schema.cjs +56 -0
- package/dist/components/forms/form-schema.d.ts +324 -0
- package/dist/components/forms/form-schema.js +13 -0
- package/dist/components/forms/form-state-viewer.cjs +498 -0
- package/dist/components/forms/form-state-viewer.d.ts +15 -0
- package/dist/components/forms/form-state-viewer.js +464 -0
- package/dist/components/forms/index.cjs +103 -0
- package/dist/components/forms/index.d.ts +13 -0
- package/dist/components/forms/index.js +9 -0
- package/dist/components/forms/metadata-form.cjs +400 -0
- package/dist/components/forms/metadata-form.d.ts +16 -0
- package/dist/components/forms/metadata-form.js +366 -0
- package/dist/components/forms/rules-engine.cjs +343 -0
- package/dist/components/forms/rules-engine.d.ts +99 -0
- package/dist/components/forms/rules-engine.js +293 -0
- package/dist/components/forms/schema-serializer.cjs +250 -0
- package/dist/components/forms/schema-serializer.d.ts +27 -0
- package/dist/components/forms/schema-serializer.js +213 -0
- package/dist/components/forms/schema-viewer.cjs +157 -0
- package/dist/components/forms/schema-viewer.d.ts +29 -0
- package/dist/components/forms/schema-viewer.js +117 -0
- package/dist/components/forms/validation-converter.cjs +154 -0
- package/dist/components/forms/validation-converter.d.ts +42 -0
- package/dist/components/forms/validation-converter.js +114 -0
- package/dist/components/ui/accordion.cjs +82 -0
- package/dist/components/ui/accordion.d.ts +7 -0
- package/dist/components/ui/accordion.js +39 -0
- package/dist/components/ui/alert-dialog.cjs +126 -0
- package/dist/components/ui/alert-dialog.d.ts +20 -0
- package/dist/components/ui/alert-dialog.js +62 -0
- package/dist/components/ui/alert.cjs +77 -0
- package/dist/components/ui/alert.d.ts +8 -0
- package/dist/components/ui/alert.js +37 -0
- package/dist/components/ui/aspect-ratio.cjs +38 -0
- package/dist/components/ui/aspect-ratio.d.ts +3 -0
- package/dist/components/ui/aspect-ratio.js +4 -0
- package/dist/components/ui/avatar.cjs +63 -0
- package/dist/components/ui/avatar.d.ts +6 -0
- package/dist/components/ui/avatar.js +23 -0
- package/dist/components/ui/badge.cjs +63 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.js +26 -0
- package/dist/components/ui/breadcrumb.cjs +118 -0
- package/dist/components/ui/breadcrumb.d.ts +19 -0
- package/dist/components/ui/breadcrumb.js +66 -0
- package/dist/components/ui/button-group.cjs +68 -0
- package/dist/components/ui/button-group.d.ts +14 -0
- package/dist/components/ui/button-group.js +28 -0
- package/dist/components/ui/button.cjs +78 -0
- package/dist/components/ui/button.d.ts +11 -0
- package/dist/components/ui/button.js +41 -0
- package/dist/components/ui/calendar.cjs +144 -0
- package/dist/components/ui/calendar.d.ts +8 -0
- package/dist/components/ui/calendar.js +107 -0
- package/dist/components/ui/card.cjs +89 -0
- package/dist/components/ui/card.d.ts +8 -0
- package/dist/components/ui/card.js +40 -0
- package/dist/components/ui/checkbox.cjs +52 -0
- package/dist/components/ui/checkbox.d.ts +6 -0
- package/dist/components/ui/checkbox.js +18 -0
- package/dist/components/ui/collapsible.cjs +45 -0
- package/dist/components/ui/collapsible.d.ts +5 -0
- package/dist/components/ui/collapsible.js +5 -0
- package/dist/components/ui/combobox.cjs +102 -0
- package/dist/components/ui/combobox.d.ts +15 -0
- package/dist/components/ui/combobox.js +68 -0
- package/dist/components/ui/command.cjs +131 -0
- package/dist/components/ui/command.d.ts +80 -0
- package/dist/components/ui/command.js +73 -0
- package/dist/components/ui/context-menu.cjs +173 -0
- package/dist/components/ui/context-menu.d.ts +27 -0
- package/dist/components/ui/context-menu.js +97 -0
- package/dist/components/ui/data-table.cjs +292 -0
- package/dist/components/ui/data-table.d.ts +23 -0
- package/dist/components/ui/data-table.js +252 -0
- package/dist/components/ui/date-picker.cjs +118 -0
- package/dist/components/ui/date-picker.d.ts +21 -0
- package/dist/components/ui/date-picker.js +81 -0
- package/dist/components/ui/datetime-picker.cjs +154 -0
- package/dist/components/ui/datetime-picker.d.ts +9 -0
- package/dist/components/ui/datetime-picker.js +120 -0
- package/dist/components/ui/dialog.cjs +159 -0
- package/dist/components/ui/dialog.d.ts +15 -0
- package/dist/components/ui/dialog.js +98 -0
- package/dist/components/ui/drawer.cjs +116 -0
- package/dist/components/ui/drawer.d.ts +18 -0
- package/dist/components/ui/drawer.js +55 -0
- package/dist/components/ui/dropdown-menu.cjs +174 -0
- package/dist/components/ui/dropdown-menu.d.ts +27 -0
- package/dist/components/ui/dropdown-menu.js +98 -0
- package/dist/components/ui/editable-cell.cjs +256 -0
- package/dist/components/ui/editable-cell.d.ts +24 -0
- package/dist/components/ui/editable-cell.js +219 -0
- package/dist/components/ui/empty-state.cjs +73 -0
- package/dist/components/ui/empty-state.d.ts +16 -0
- package/dist/components/ui/empty-state.js +39 -0
- package/dist/components/ui/file-upload.cjs +236 -0
- package/dist/components/ui/file-upload.d.ts +10 -0
- package/dist/components/ui/file-upload.js +202 -0
- package/dist/components/ui/hover-card.cjs +55 -0
- package/dist/components/ui/hover-card.d.ts +6 -0
- package/dist/components/ui/hover-card.js +15 -0
- package/dist/components/ui/index.cjs +546 -0
- package/dist/components/ui/index.d.ts +55 -0
- package/dist/components/ui/index.js +55 -0
- package/dist/components/ui/input.cjs +45 -0
- package/dist/components/ui/input.d.ts +5 -0
- package/dist/components/ui/input.js +11 -0
- package/dist/components/ui/label.cjs +47 -0
- package/dist/components/ui/label.d.ts +7 -0
- package/dist/components/ui/label.js +13 -0
- package/dist/components/ui/layout/column.cjs +84 -0
- package/dist/components/ui/layout/column.d.ts +21 -0
- package/dist/components/ui/layout/column.js +50 -0
- package/dist/components/ui/layout/grid.cjs +101 -0
- package/dist/components/ui/layout/grid.d.ts +22 -0
- package/dist/components/ui/layout/grid.js +67 -0
- package/dist/components/ui/layout/index.cjs +44 -0
- package/dist/components/ui/layout/index.d.ts +7 -0
- package/dist/components/ui/layout/index.js +4 -0
- package/dist/components/ui/layout/row.cjs +84 -0
- package/dist/components/ui/layout/row.d.ts +21 -0
- package/dist/components/ui/layout/row.js +50 -0
- package/dist/components/ui/layout/types.cjs +18 -0
- package/dist/components/ui/layout/types.d.ts +149 -0
- package/dist/components/ui/layout/types.js +0 -0
- package/dist/components/ui/layout/utils.cjs +324 -0
- package/dist/components/ui/layout/utils.d.ts +76 -0
- package/dist/components/ui/layout/utils.js +239 -0
- package/dist/components/ui/menubar.cjs +210 -0
- package/dist/components/ui/menubar.d.ts +28 -0
- package/dist/components/ui/menubar.js +131 -0
- package/dist/components/ui/multi-select.cjs +187 -0
- package/dist/components/ui/multi-select.d.ts +18 -0
- package/dist/components/ui/multi-select.js +153 -0
- package/dist/components/ui/navigation-menu.cjs +122 -0
- package/dist/components/ui/navigation-menu.d.ts +12 -0
- package/dist/components/ui/navigation-menu.js +64 -0
- package/dist/components/ui/pagination.cjs +131 -0
- package/dist/components/ui/pagination.d.ts +28 -0
- package/dist/components/ui/pagination.js +79 -0
- package/dist/components/ui/popover.cjs +61 -0
- package/dist/components/ui/popover.d.ts +7 -0
- package/dist/components/ui/popover.js +18 -0
- package/dist/components/ui/progress.cjs +51 -0
- package/dist/components/ui/progress.d.ts +4 -0
- package/dist/components/ui/progress.js +17 -0
- package/dist/components/ui/radio-group.cjs +61 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/radio-group.js +24 -0
- package/dist/components/ui/resizable.cjs +60 -0
- package/dist/components/ui/resizable.d.ts +23 -0
- package/dist/components/ui/resizable.js +20 -0
- package/dist/components/ui/scroll-area.cjs +67 -0
- package/dist/components/ui/scroll-area.d.ts +5 -0
- package/dist/components/ui/scroll-area.js +30 -0
- package/dist/components/ui/search.cjs +153 -0
- package/dist/components/ui/search.d.ts +19 -0
- package/dist/components/ui/search.js +116 -0
- package/dist/components/ui/select.cjs +151 -0
- package/dist/components/ui/select.d.ts +13 -0
- package/dist/components/ui/select.js +90 -0
- package/dist/components/ui/separator.cjs +47 -0
- package/dist/components/ui/separator.d.ts +4 -0
- package/dist/components/ui/separator.js +13 -0
- package/dist/components/ui/sheet.cjs +142 -0
- package/dist/components/ui/sheet.d.ts +25 -0
- package/dist/components/ui/sheet.js +81 -0
- package/dist/components/ui/skeleton.cjs +43 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/skeleton.js +9 -0
- package/dist/components/ui/slider.cjs +63 -0
- package/dist/components/ui/slider.d.ts +4 -0
- package/dist/components/ui/slider.js +29 -0
- package/dist/components/ui/sonner.cjs +76 -0
- package/dist/components/ui/sonner.d.ts +4 -0
- package/dist/components/ui/sonner.js +39 -0
- package/dist/components/ui/spinner.cjs +78 -0
- package/dist/components/ui/spinner.d.ts +11 -0
- package/dist/components/ui/spinner.js +41 -0
- package/dist/components/ui/stats-card.cjs +102 -0
- package/dist/components/ui/stats-card.d.ts +15 -0
- package/dist/components/ui/stats-card.js +68 -0
- package/dist/components/ui/stepper.cjs +99 -0
- package/dist/components/ui/stepper.d.ts +14 -0
- package/dist/components/ui/stepper.js +65 -0
- package/dist/components/ui/switch.cjs +48 -0
- package/dist/components/ui/switch.d.ts +4 -0
- package/dist/components/ui/switch.js +14 -0
- package/dist/components/ui/table.cjs +110 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/table.js +55 -0
- package/dist/components/ui/tabs.cjs +67 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/tabs.js +24 -0
- package/dist/components/ui/textarea.cjs +44 -0
- package/dist/components/ui/textarea.d.ts +4 -0
- package/dist/components/ui/textarea.js +10 -0
- package/dist/components/ui/toggle-group.cjs +73 -0
- package/dist/components/ui/toggle-group.d.ts +12 -0
- package/dist/components/ui/toggle-group.js +36 -0
- package/dist/components/ui/toggle.cjs +71 -0
- package/dist/components/ui/toggle.d.ts +12 -0
- package/dist/components/ui/toggle.js +34 -0
- package/dist/components/ui/tooltip.cjs +58 -0
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/components/ui/tooltip.js +15 -0
- package/dist/examples/admin-layout-example.d.ts +92 -0
- package/dist/examples/app-shell-example.d.ts +52 -0
- package/dist/examples/dashboard-example.d.ts +11 -0
- package/dist/examples/data-management-example.d.ts +1 -0
- package/dist/examples/flow-editor-layout-example.d.ts +22 -0
- package/dist/examples/flow-start-example.d.ts +30 -0
- package/dist/examples/form-builder-example.d.ts +1 -0
- package/dist/examples/new-project-example.d.ts +30 -0
- package/dist/examples/settings-example.d.ts +1 -0
- package/dist/examples/vscode-example.d.ts +80 -0
- package/dist/index.cjs +830 -0
- package/dist/index.d.ts +86 -0
- package/dist/index.js +67 -0
- package/dist/lib/index.cjs +42 -0
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.js +2 -0
- package/dist/lib/utils.cjs +70 -0
- package/dist/lib/utils.d.ts +14 -0
- package/dist/lib/utils.js +30 -0
- package/dist/postcss.config.export.cjs +43 -0
- package/dist/postcss.config.export.js +9 -0
- package/dist/styles.css +6868 -0
- package/dist/tailwind.css +239 -0
- package/dist/tailwind.preset.cjs +77 -0
- package/dist/tailwind.preset.js +43 -0
- package/package.json +157 -0
- package/postcss.config.export.js +9 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
Input: ()=>Input
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const external_react_namespaceObject = require("react");
|
|
31
|
+
const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
|
|
32
|
+
const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
|
|
33
|
+
type: type,
|
|
34
|
+
className: (0, utils_cjs_namespaceObject.cn)('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className),
|
|
35
|
+
ref: ref,
|
|
36
|
+
...props
|
|
37
|
+
}));
|
|
38
|
+
Input.displayName = 'Input';
|
|
39
|
+
exports.Input = __webpack_exports__.Input;
|
|
40
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
41
|
+
"Input"
|
|
42
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
43
|
+
Object.defineProperty(exports, '__esModule', {
|
|
44
|
+
value: true
|
|
45
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cn } from "../../lib/utils.js";
|
|
4
|
+
const Input = /*#__PURE__*/ forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ jsx("input", {
|
|
5
|
+
type: type,
|
|
6
|
+
className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className),
|
|
7
|
+
ref: ref,
|
|
8
|
+
...props
|
|
9
|
+
}));
|
|
10
|
+
Input.displayName = 'Input';
|
|
11
|
+
export { Input };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
Label: ()=>Label
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const react_label_namespaceObject = require("@radix-ui/react-label");
|
|
31
|
+
const external_class_variance_authority_namespaceObject = require("class-variance-authority");
|
|
32
|
+
const external_react_namespaceObject = require("react");
|
|
33
|
+
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
34
|
+
const labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
|
|
35
|
+
const Label = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root, {
|
|
36
|
+
ref: ref,
|
|
37
|
+
className: (0, index_cjs_namespaceObject.cn)(labelVariants(), className),
|
|
38
|
+
...props
|
|
39
|
+
}));
|
|
40
|
+
Label.displayName = react_label_namespaceObject.Root.displayName;
|
|
41
|
+
exports.Label = __webpack_exports__.Label;
|
|
42
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
43
|
+
"Label"
|
|
44
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
45
|
+
Object.defineProperty(exports, '__esModule', {
|
|
46
|
+
value: true
|
|
47
|
+
});
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
5
|
+
export type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>;
|
|
6
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
7
|
+
export { Label };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Root } from "@radix-ui/react-label";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
|
+
import { cn } from "../../lib/index.js";
|
|
6
|
+
const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
|
|
7
|
+
const Label = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
|
|
8
|
+
ref: ref,
|
|
9
|
+
className: cn(labelVariants(), className),
|
|
10
|
+
...props
|
|
11
|
+
}));
|
|
12
|
+
Label.displayName = Root.displayName;
|
|
13
|
+
export { Label };
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
Column: ()=>Column
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const external_react_namespaceObject = require("react");
|
|
31
|
+
const index_cjs_namespaceObject = require("../../../lib/index.cjs");
|
|
32
|
+
const external_utils_cjs_namespaceObject = require("./utils.cjs");
|
|
33
|
+
const Column = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, style, direction = 'column', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
|
|
34
|
+
const layoutStyles = (0, external_utils_cjs_namespaceObject.buildLayoutStyles)({
|
|
35
|
+
direction,
|
|
36
|
+
align,
|
|
37
|
+
justify,
|
|
38
|
+
wrap,
|
|
39
|
+
gap,
|
|
40
|
+
flex,
|
|
41
|
+
w,
|
|
42
|
+
h,
|
|
43
|
+
maxW,
|
|
44
|
+
minW,
|
|
45
|
+
maxH,
|
|
46
|
+
minH,
|
|
47
|
+
overflow,
|
|
48
|
+
overflowX,
|
|
49
|
+
overflowY,
|
|
50
|
+
position,
|
|
51
|
+
p,
|
|
52
|
+
pt,
|
|
53
|
+
pb,
|
|
54
|
+
pl,
|
|
55
|
+
pr,
|
|
56
|
+
px,
|
|
57
|
+
py,
|
|
58
|
+
m,
|
|
59
|
+
mt,
|
|
60
|
+
mb,
|
|
61
|
+
ml,
|
|
62
|
+
mr,
|
|
63
|
+
mx,
|
|
64
|
+
my
|
|
65
|
+
});
|
|
66
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
67
|
+
ref: ref,
|
|
68
|
+
className: (0, index_cjs_namespaceObject.cn)(className),
|
|
69
|
+
style: {
|
|
70
|
+
...layoutStyles,
|
|
71
|
+
...style
|
|
72
|
+
},
|
|
73
|
+
...htmlProps,
|
|
74
|
+
children: children
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
Column.displayName = 'Column';
|
|
78
|
+
exports.Column = __webpack_exports__.Column;
|
|
79
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
80
|
+
"Column"
|
|
81
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
82
|
+
Object.defineProperty(exports, '__esModule', {
|
|
83
|
+
value: true
|
|
84
|
+
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { LayoutProps } from './types';
|
|
3
|
+
export interface ColumnProps extends LayoutProps {
|
|
4
|
+
/**
|
|
5
|
+
* Content of the column
|
|
6
|
+
*/
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Column component - A flex container with vertical direction by default
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Column gap={4} align="center">
|
|
15
|
+
* <div>Item 1</div>
|
|
16
|
+
* <div>Item 2</div>
|
|
17
|
+
* </Column>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
export { Column };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cn } from "../../../lib/index.js";
|
|
4
|
+
import { buildLayoutStyles } from "./utils.js";
|
|
5
|
+
const Column = /*#__PURE__*/ forwardRef(({ children, className, style, direction = 'column', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
|
|
6
|
+
const layoutStyles = buildLayoutStyles({
|
|
7
|
+
direction,
|
|
8
|
+
align,
|
|
9
|
+
justify,
|
|
10
|
+
wrap,
|
|
11
|
+
gap,
|
|
12
|
+
flex,
|
|
13
|
+
w,
|
|
14
|
+
h,
|
|
15
|
+
maxW,
|
|
16
|
+
minW,
|
|
17
|
+
maxH,
|
|
18
|
+
minH,
|
|
19
|
+
overflow,
|
|
20
|
+
overflowX,
|
|
21
|
+
overflowY,
|
|
22
|
+
position,
|
|
23
|
+
p,
|
|
24
|
+
pt,
|
|
25
|
+
pb,
|
|
26
|
+
pl,
|
|
27
|
+
pr,
|
|
28
|
+
px,
|
|
29
|
+
py,
|
|
30
|
+
m,
|
|
31
|
+
mt,
|
|
32
|
+
mb,
|
|
33
|
+
ml,
|
|
34
|
+
mr,
|
|
35
|
+
mx,
|
|
36
|
+
my
|
|
37
|
+
});
|
|
38
|
+
return /*#__PURE__*/ jsx("div", {
|
|
39
|
+
ref: ref,
|
|
40
|
+
className: cn(className),
|
|
41
|
+
style: {
|
|
42
|
+
...layoutStyles,
|
|
43
|
+
...style
|
|
44
|
+
},
|
|
45
|
+
...htmlProps,
|
|
46
|
+
children: children
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
Column.displayName = 'Column';
|
|
50
|
+
export { Column };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
Grid: ()=>Grid
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const external_react_namespaceObject = require("react");
|
|
31
|
+
const index_cjs_namespaceObject = require("../../../lib/index.cjs");
|
|
32
|
+
const external_utils_cjs_namespaceObject = require("./utils.cjs");
|
|
33
|
+
const Grid = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, style, cols, rows, gap, gapX, gapY, autoFlow, autoCols, autoRows, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
|
|
34
|
+
const gridClasses = (0, external_utils_cjs_namespaceObject.buildGridLayoutClasses)({
|
|
35
|
+
cols,
|
|
36
|
+
rows,
|
|
37
|
+
gap,
|
|
38
|
+
gapX,
|
|
39
|
+
gapY,
|
|
40
|
+
autoFlow,
|
|
41
|
+
autoCols,
|
|
42
|
+
autoRows,
|
|
43
|
+
w,
|
|
44
|
+
h,
|
|
45
|
+
maxW,
|
|
46
|
+
minW,
|
|
47
|
+
maxH,
|
|
48
|
+
minH,
|
|
49
|
+
overflow,
|
|
50
|
+
overflowX,
|
|
51
|
+
overflowY,
|
|
52
|
+
position,
|
|
53
|
+
p,
|
|
54
|
+
pt,
|
|
55
|
+
pb,
|
|
56
|
+
pl,
|
|
57
|
+
pr,
|
|
58
|
+
px,
|
|
59
|
+
py,
|
|
60
|
+
m,
|
|
61
|
+
mt,
|
|
62
|
+
mb,
|
|
63
|
+
ml,
|
|
64
|
+
mr,
|
|
65
|
+
mx,
|
|
66
|
+
my
|
|
67
|
+
});
|
|
68
|
+
const inlineStyles = {
|
|
69
|
+
...style,
|
|
70
|
+
...void 0 !== gap && {
|
|
71
|
+
gap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gap)
|
|
72
|
+
},
|
|
73
|
+
...void 0 !== gapX && {
|
|
74
|
+
columnGap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gapX)
|
|
75
|
+
},
|
|
76
|
+
...void 0 !== gapY && {
|
|
77
|
+
rowGap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gapY)
|
|
78
|
+
},
|
|
79
|
+
...'string' == typeof cols && {
|
|
80
|
+
gridTemplateColumns: cols
|
|
81
|
+
},
|
|
82
|
+
...'string' == typeof rows && {
|
|
83
|
+
gridTemplateRows: rows
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
87
|
+
ref: ref,
|
|
88
|
+
className: (0, index_cjs_namespaceObject.cn)(...gridClasses, className),
|
|
89
|
+
style: inlineStyles,
|
|
90
|
+
...htmlProps,
|
|
91
|
+
children: children
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
Grid.displayName = 'Grid';
|
|
95
|
+
exports.Grid = __webpack_exports__.Grid;
|
|
96
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
97
|
+
"Grid"
|
|
98
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
99
|
+
Object.defineProperty(exports, '__esModule', {
|
|
100
|
+
value: true
|
|
101
|
+
});
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { GridLayoutProps } from './types';
|
|
3
|
+
export interface GridProps extends GridLayoutProps {
|
|
4
|
+
/**
|
|
5
|
+
* Content of the grid
|
|
6
|
+
*/
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Grid component - A CSS Grid container
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Grid cols={3} gap={4}>
|
|
15
|
+
* <div>Item 1</div>
|
|
16
|
+
* <div>Item 2</div>
|
|
17
|
+
* <div>Item 3</div>
|
|
18
|
+
* </Grid>
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export { Grid };
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cn } from "../../../lib/index.js";
|
|
4
|
+
import { buildGridLayoutClasses, spacingToRem } from "./utils.js";
|
|
5
|
+
const Grid = /*#__PURE__*/ forwardRef(({ children, className, style, cols, rows, gap, gapX, gapY, autoFlow, autoCols, autoRows, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
|
|
6
|
+
const gridClasses = buildGridLayoutClasses({
|
|
7
|
+
cols,
|
|
8
|
+
rows,
|
|
9
|
+
gap,
|
|
10
|
+
gapX,
|
|
11
|
+
gapY,
|
|
12
|
+
autoFlow,
|
|
13
|
+
autoCols,
|
|
14
|
+
autoRows,
|
|
15
|
+
w,
|
|
16
|
+
h,
|
|
17
|
+
maxW,
|
|
18
|
+
minW,
|
|
19
|
+
maxH,
|
|
20
|
+
minH,
|
|
21
|
+
overflow,
|
|
22
|
+
overflowX,
|
|
23
|
+
overflowY,
|
|
24
|
+
position,
|
|
25
|
+
p,
|
|
26
|
+
pt,
|
|
27
|
+
pb,
|
|
28
|
+
pl,
|
|
29
|
+
pr,
|
|
30
|
+
px,
|
|
31
|
+
py,
|
|
32
|
+
m,
|
|
33
|
+
mt,
|
|
34
|
+
mb,
|
|
35
|
+
ml,
|
|
36
|
+
mr,
|
|
37
|
+
mx,
|
|
38
|
+
my
|
|
39
|
+
});
|
|
40
|
+
const inlineStyles = {
|
|
41
|
+
...style,
|
|
42
|
+
...void 0 !== gap && {
|
|
43
|
+
gap: spacingToRem(gap)
|
|
44
|
+
},
|
|
45
|
+
...void 0 !== gapX && {
|
|
46
|
+
columnGap: spacingToRem(gapX)
|
|
47
|
+
},
|
|
48
|
+
...void 0 !== gapY && {
|
|
49
|
+
rowGap: spacingToRem(gapY)
|
|
50
|
+
},
|
|
51
|
+
...'string' == typeof cols && {
|
|
52
|
+
gridTemplateColumns: cols
|
|
53
|
+
},
|
|
54
|
+
...'string' == typeof rows && {
|
|
55
|
+
gridTemplateRows: rows
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
return /*#__PURE__*/ jsx("div", {
|
|
59
|
+
ref: ref,
|
|
60
|
+
className: cn(...gridClasses, className),
|
|
61
|
+
style: inlineStyles,
|
|
62
|
+
...htmlProps,
|
|
63
|
+
children: children
|
|
64
|
+
});
|
|
65
|
+
});
|
|
66
|
+
Grid.displayName = 'Grid';
|
|
67
|
+
export { Grid };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
Column: ()=>external_column_cjs_namespaceObject.Column,
|
|
28
|
+
Row: ()=>external_row_cjs_namespaceObject.Row,
|
|
29
|
+
Grid: ()=>external_grid_cjs_namespaceObject.Grid
|
|
30
|
+
});
|
|
31
|
+
const external_row_cjs_namespaceObject = require("./row.cjs");
|
|
32
|
+
const external_column_cjs_namespaceObject = require("./column.cjs");
|
|
33
|
+
const external_grid_cjs_namespaceObject = require("./grid.cjs");
|
|
34
|
+
exports.Column = __webpack_exports__.Column;
|
|
35
|
+
exports.Grid = __webpack_exports__.Grid;
|
|
36
|
+
exports.Row = __webpack_exports__.Row;
|
|
37
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
38
|
+
"Column",
|
|
39
|
+
"Grid",
|
|
40
|
+
"Row"
|
|
41
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
42
|
+
Object.defineProperty(exports, '__esModule', {
|
|
43
|
+
value: true
|
|
44
|
+
});
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Row } from './row';
|
|
2
|
+
export type { RowProps } from './row';
|
|
3
|
+
export { Column } from './column';
|
|
4
|
+
export type { ColumnProps } from './column';
|
|
5
|
+
export { Grid } from './grid';
|
|
6
|
+
export type { GridProps } from './grid';
|
|
7
|
+
export type { AlignValue, DirectionValue, FlexProps, GridLayoutProps, GridProps as GridTypeProps, JustifyValue, LayoutProps, OverflowProps, OverflowValue, PositionProps, PositionValue, SizeProps, SizeValue, SpacingProps, SpacingValue, WrapValue, } from './types';
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
Row: ()=>Row
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const external_react_namespaceObject = require("react");
|
|
31
|
+
const index_cjs_namespaceObject = require("../../../lib/index.cjs");
|
|
32
|
+
const external_utils_cjs_namespaceObject = require("./utils.cjs");
|
|
33
|
+
const Row = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, style, direction = 'row', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
|
|
34
|
+
const layoutStyles = (0, external_utils_cjs_namespaceObject.buildLayoutStyles)({
|
|
35
|
+
direction,
|
|
36
|
+
align,
|
|
37
|
+
justify,
|
|
38
|
+
wrap,
|
|
39
|
+
gap,
|
|
40
|
+
flex,
|
|
41
|
+
w,
|
|
42
|
+
h,
|
|
43
|
+
maxW,
|
|
44
|
+
minW,
|
|
45
|
+
maxH,
|
|
46
|
+
minH,
|
|
47
|
+
overflow,
|
|
48
|
+
overflowX,
|
|
49
|
+
overflowY,
|
|
50
|
+
position,
|
|
51
|
+
p,
|
|
52
|
+
pt,
|
|
53
|
+
pb,
|
|
54
|
+
pl,
|
|
55
|
+
pr,
|
|
56
|
+
px,
|
|
57
|
+
py,
|
|
58
|
+
m,
|
|
59
|
+
mt,
|
|
60
|
+
mb,
|
|
61
|
+
ml,
|
|
62
|
+
mr,
|
|
63
|
+
mx,
|
|
64
|
+
my
|
|
65
|
+
});
|
|
66
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
67
|
+
ref: ref,
|
|
68
|
+
className: (0, index_cjs_namespaceObject.cn)(className),
|
|
69
|
+
style: {
|
|
70
|
+
...layoutStyles,
|
|
71
|
+
...style
|
|
72
|
+
},
|
|
73
|
+
...htmlProps,
|
|
74
|
+
children: children
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
Row.displayName = 'Row';
|
|
78
|
+
exports.Row = __webpack_exports__.Row;
|
|
79
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
80
|
+
"Row"
|
|
81
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
82
|
+
Object.defineProperty(exports, '__esModule', {
|
|
83
|
+
value: true
|
|
84
|
+
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { LayoutProps } from './types';
|
|
3
|
+
export interface RowProps extends LayoutProps {
|
|
4
|
+
/**
|
|
5
|
+
* Content of the row
|
|
6
|
+
*/
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Row component - A flex container with horizontal direction by default
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Row gap={4} align="center" justify="between">
|
|
15
|
+
* <div>Item 1</div>
|
|
16
|
+
* <div>Item 2</div>
|
|
17
|
+
* </Row>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
export { Row };
|