@ryuzaki13/react-foundation-ui 0.1.0

package/dist/expandable-action-panel/ExpandableActionPanel.d.ts

@@ -0,0 +1,22 @@
+import React, { PropsWithChildren } from "react";
+export interface ExpandableActionPanelProps extends PropsWithChildren {
+    className?: string;
+    contentClassName?: string;
+    toggleClassName?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    expandLabel?: string;
+    collapseLabel?: string;
+    panelLabel?: string;
+    itemSelector?: string;
+    scrollPadding?: number;
+    smoothScroll?: boolean;
+}
+/**
+ * Горизонтальная раскрывающаяся панель действий.
+ * Не знает о внешнем layout и может использоваться рядом с любым содержимым.
+ */
+export declare function ExpandableActionPanel({ children, className, contentClassName, toggleClassName, open: controlledOpen, defaultOpen, disabled, onOpenChange, expandLabel, collapseLabel, panelLabel, itemSelector, scrollPadding, smoothScroll }: ExpandableActionPanelProps): React.JSX.Element;
+//# sourceMappingURL=ExpandableActionPanel.d.ts.map

package/dist/expandable-action-panel/ExpandableActionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableActionPanel.d.ts","sourceRoot":"","sources":["../../src/expandable-action-panel/ExpandableActionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAW/E,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,WAA8C,EAC9C,aAA0C,EAC1C,UAA8B,EAC9B,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,EAAE,0BAA0B,qBAkD5B"}

package/dist/expandable-action-panel/LabeledExpandableActionPanel.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { ExpandableActionPanelProps } from "./ExpandableActionPanel";
+export interface LabeledExpandableActionPanelProps extends Omit<ExpandableActionPanelProps, "className"> {
+    label: React.ReactNode;
+    className?: string;
+    labelClassName?: string;
+    labelStyle?: React.CSSProperties;
+    labelMinWidth?: React.CSSProperties["minWidth"];
+    panelClassName?: string;
+}
+/**
+ * Раскрывающаяся панель действий с левым текстом, который сжимается через `flexEllipsis`.
+ */
+export declare function LabeledExpandableActionPanel({ label, className, labelClassName, labelStyle, labelMinWidth, panelClassName, open, defaultOpen, ...panelProps }: LabeledExpandableActionPanelProps): React.JSX.Element;
+//# sourceMappingURL=LabeledExpandableActionPanel.d.ts.map

package/dist/expandable-action-panel/LabeledExpandableActionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledExpandableActionPanel.d.ts","sourceRoot":"","sources":["../../src/expandable-action-panel/LabeledExpandableActionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAG5F,MAAM,WAAW,iCAAkC,SAAQ,IAAI,CAAC,0BAA0B,EAAE,WAAW,CAAC;IACvG,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,EAC5C,KAAK,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,aAAsB,EACtB,cAAc,EACd,IAAI,EACJ,WAAW,EACX,GAAG,UAAU,EACb,EAAE,iCAAiC,qBAoBnC"}

package/dist/expandable-action-panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ExpandableActionPanel";
+export * from "./LabeledExpandableActionPanel";
+//# sourceMappingURL=index.d.ts.map

package/dist/expandable-action-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/expandable-action-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC"}

package/dist/expandable-action-panel/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/LabeledExpandableActionPanel-Bx-DWmYz.js";
+export { e as ExpandableActionPanel, t as LabeledExpandableActionPanel };

package/dist/expandable-action-panel/stories/ExpandableActionPanel.stories.d.ts

@@ -0,0 +1,44 @@
+import { LabeledExpandableActionPanel } from "../LabeledExpandableActionPanel";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof LabeledExpandableActionPanel;
+    args: {
+        label: string;
+        labelMinWidth: string;
+        defaultOpen: false;
+        onOpenChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            description: string;
+            control: "text";
+        };
+        labelMinWidth: {
+            description: string;
+            control: "text";
+        };
+        defaultOpen: {
+            description: string;
+            control: "boolean";
+        };
+        open: {
+            description: string;
+            control: "boolean";
+        };
+        onOpenChange: {
+            description: string;
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Labeled: Story;
+export declare const BasePanel: Story;
+//# sourceMappingURL=ExpandableActionPanel.stories.d.ts.map

package/dist/expandable-action-panel/stories/ExpandableActionPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableActionPanel.stories.d.ts","sourceRoot":"","sources":["../../../src/expandable-action-panel/stories/ExpandableActionPanel.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAE/E,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC2C,CAAC;AAEtD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkCnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}

package/dist/expandable-action-panel/stories/ExpandableActionPanel.stories.js

@@ -0,0 +1,117 @@
+import { t as e } from "../../chunks/Button-BZ_b-Kin.js";
+import { t } from "../../chunks/CheckBox-Cck5w1Ud.js";
+import { a as n } from "../../chunks/Input-Ce2HXBUc.js";
+import { t as r } from "../../chunks/Select-B7k_8_Lf.js";
+import { n as i, t as a } from "../../chunks/LabeledExpandableActionPanel-Bx-DWmYz.js";
+import { CheckIcon as o, RefreshCwIcon as s, SearchIcon as c, Settings2Icon as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { fn as m } from "storybook/test";
+//#region src/expandable-action-panel/stories/ExpandableActionPanel.stories.tsx
+var h = {
+	title: "Shared/UI/ExpandableActionPanel",
+	component: a,
+	args: {
+		label: "Длинное название строки с результатами расчёта и параметрами отбора",
+		labelMinWidth: "18em",
+		defaultOpen: !1,
+		onOpenChange: m()
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded"
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		label: {
+			description: "Текст или ReactNode слева от панели.",
+			control: "text"
+		},
+		labelMinWidth: {
+			description: "Минимальная ширина `flexEllipsis`-текста.",
+			control: "text"
+		},
+		defaultOpen: {
+			description: "Начальное состояние раскрытия в uncontrolled-режиме.",
+			control: "boolean"
+		},
+		open: {
+			description: "Контролируемое состояние раскрытия.",
+			control: "boolean"
+		},
+		onOpenChange: {
+			description: "Вызывается при раскрытии или сворачивании панели.",
+			control: !1
+		}
+	}
+}, g = [
+	"Все",
+	"Активные",
+	"Архив"
+];
+function _() {
+	let [i, a] = p(""), [m, h] = p(!1), [_, v] = p("Все");
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("div", {
+			style: { width: "calc(14em + var(--width-add))" },
+			children: /* @__PURE__ */ d(n, {
+				placeholder: "Поиск",
+				value: i,
+				onChange: a,
+				endAdornment: /* @__PURE__ */ d(c, {})
+			})
+		}),
+		/* @__PURE__ */ d("div", {
+			style: { width: "calc(12em + var(--width-add))" },
+			children: /* @__PURE__ */ d(r, {
+				placeholder: "Статус",
+				options: g,
+				value: _,
+				onChange: v,
+				getOptionKey: (e) => e,
+				getOptionLabel: (e) => e
+			})
+		}),
+		/* @__PURE__ */ d(t, {
+			placeholder: "Только мои",
+			value: m,
+			onChange: h,
+			noWrap: !0
+		}),
+		/* @__PURE__ */ d(e, {
+			icon: /* @__PURE__ */ d(s, {}),
+			title: "Обновить"
+		}),
+		/* @__PURE__ */ d(e, {
+			icon: /* @__PURE__ */ d(l, {}),
+			title: "Настроить"
+		}),
+		/* @__PURE__ */ d(e, {
+			icon: /* @__PURE__ */ d(o, {}),
+			tone: "success",
+			appearance: "solid",
+			children: "Применить"
+		})
+	] });
+}
+var v = { render: (e) => /* @__PURE__ */ d("div", {
+	style: { width: "min(100%, 920px)" },
+	children: /* @__PURE__ */ d(a, {
+		...e,
+		children: /* @__PURE__ */ d(_, {})
+	})
+}) }, y = { render: () => /* @__PURE__ */ d("div", {
+	style: {
+		width: "min(100%, 720px)",
+		display: "flex",
+		justifyContent: "flex-end"
+	},
+	children: /* @__PURE__ */ d(i, {
+		defaultOpen: !0,
+		children: /* @__PURE__ */ d(_, {})
+	})
+}) };
+//#endregion
+export { y as BasePanel, v as Labeled, h as default };
+
+//# sourceMappingURL=ExpandableActionPanel.stories.js.map

package/dist/expandable-action-panel/stories/ExpandableActionPanel.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableActionPanel.stories.js","names":[],"sources":["../../../src/expandable-action-panel/stories/ExpandableActionPanel.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { CheckIcon, RefreshCwIcon, SearchIcon, Settings2Icon } from \"lucide-react\";\nimport { fn } from \"storybook/test\";\n\nimport { Button } from \"../../button\";\nimport { CheckBox } from \"../../check-box\";\nimport { InputText } from \"../../input\";\nimport { Select } from \"../../select\";\nimport { ExpandableActionPanel } from \"../ExpandableActionPanel\";\nimport { LabeledExpandableActionPanel } from \"../LabeledExpandableActionPanel\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/ExpandableActionPanel\",\n\tcomponent: LabeledExpandableActionPanel,\n\targs: {\n\t\tlabel: \"Длинное название строки с результатами расчёта и параметрами отбора\",\n\t\tlabelMinWidth: \"18em\",\n\t\tdefaultOpen: false,\n\t\tonOpenChange: fn()\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tlabel: {\n\t\t\tdescription: \"Текст или ReactNode слева от панели.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tlabelMinWidth: {\n\t\t\tdescription: \"Минимальная ширина `flexEllipsis`-текста.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdefaultOpen: {\n\t\t\tdescription: \"Начальное состояние раскрытия в uncontrolled-режиме.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\topen: {\n\t\t\tdescription: \"Контролируемое состояние раскрытия.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tonOpenChange: {\n\t\t\tdescription: \"Вызывается при раскрытии или сворачивании панели.\",\n\t\t\tcontrol: false\n\t\t}\n\t}\n} satisfies Meta<typeof LabeledExpandableActionPanel>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst options = [\"Все\", \"Активные\", \"Архив\"] as const;\n\nfunction DemoControls() {\n\tconst [query, setQuery] = useState(\"\");\n\tconst [checked, setChecked] = useState(false);\n\tconst [selected, setSelected] = useState<(typeof options)[number] | undefined>(\"Все\");\n\n\treturn (\n\t\t<>\n\t\t\t<div style={{ width: \"calc(14em + var(--width-add))\" }}>\n\t\t\t\t<InputText placeholder=\"Поиск\" value={query} onChange={setQuery} endAdornment={<SearchIcon />} />\n\t\t\t</div>\n\t\t\t<div style={{ width: \"calc(12em + var(--width-add))\" }}>\n\t\t\t\t<Select\n\t\t\t\t\tplaceholder=\"Статус\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tvalue={selected}\n\t\t\t\t\tonChange={setSelected}\n\t\t\t\t\tgetOptionKey={(option) => option}\n\t\t\t\t\tgetOptionLabel={(option) => option}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<CheckBox placeholder=\"Только мои\" value={checked} onChange={setChecked} noWrap />\n\t\t\t<Button icon={<RefreshCwIcon />} title=\"Обновить\" />\n\t\t\t<Button icon={<Settings2Icon />} title=\"Настроить\" />\n\t\t\t<Button icon={<CheckIcon />} tone=\"success\" appearance=\"solid\">\n\t\t\t\tПрименить\n\t\t\t</Button>\n\t\t</>\n\t);\n}\n\nexport const Labeled: Story = {\n\trender: (args) => (\n\t\t<div style={{ width: \"min(100%, 920px)\" }}>\n\t\t\t<LabeledExpandableActionPanel {...args}>\n\t\t\t\t<DemoControls />\n\t\t\t</LabeledExpandableActionPanel>\n\t\t</div>\n\t)\n};\n\nexport const BasePanel: Story = {\n\trender: () => (\n\t\t<div style={{ width: \"min(100%, 720px)\", display: \"flex\", justifyContent: \"flex-end\" }}>\n\t\t\t<ExpandableActionPanel defaultOpen>\n\t\t\t\t<DemoControls />\n\t\t\t</ExpandableActionPanel>\n\t\t</div>\n\t)\n};\n"],"mappings":";;;;;;;;;;AAcA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,eAAe;EACf,aAAa;EACb,cAAc,EAAG;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,eAAe;GACd,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKM,IAAU;CAAC;CAAO;CAAY;AAAO;AAE3C,SAAS,IAAe;CACvB,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAU,KAAe,EAA+C,KAAK;CAEpF,OACC,kBAAA,GAAA,EAAA,UAAA;EACC,kBAAC,OAAD;GAAK,OAAO,EAAE,OAAO,gCAAgC;aACpD,kBAAC,GAAD;IAAW,aAAY;IAAQ,OAAO;IAAO,UAAU;IAAU,cAAc,kBAAC,GAAD,CAAa,CAAA;GAAI,CAAA;EAC5F,CAAA;EACL,kBAAC,OAAD;GAAK,OAAO,EAAE,OAAO,gCAAgC;aACpD,kBAAC,GAAD;IACC,aAAY;IACH;IACT,OAAO;IACP,UAAU;IACV,eAAe,MAAW;IAC1B,iBAAiB,MAAW;GAC5B,CAAA;EACG,CAAA;EACL,kBAAC,GAAD;GAAU,aAAY;GAAa,OAAO;GAAS,UAAU;GAAY,QAAA;EAAQ,CAAA;EACjF,kBAAC,GAAD;GAAQ,MAAM,kBAAC,GAAD,CAAgB,CAAA;GAAG,OAAM;EAAY,CAAA;EACnD,kBAAC,GAAD;GAAQ,MAAM,kBAAC,GAAD,CAAgB,CAAA;GAAG,OAAM;EAAa,CAAA;EACpD,kBAAC,GAAD;GAAQ,MAAM,kBAAC,GAAD,CAAY,CAAA;GAAG,MAAK;GAAU,YAAW;aAAQ;EAEvD,CAAA;CACP,EAAA,CAAA;AAEJ;AAEA,IAAa,IAAiB,EAC7B,SAAS,MACR,kBAAC,OAAD;CAAK,OAAO,EAAE,OAAO,mBAAmB;WACvC,kBAAC,GAAD;EAA8B,GAAI;YACjC,kBAAC,GAAD,CAAe,CAAA;CACc,CAAA;AAC1B,CAAA,EAEP,GAEa,IAAmB,EAC/B,cACC,kBAAC,OAAD;CAAK,OAAO;EAAE,OAAO;EAAoB,SAAS;EAAQ,gBAAgB;CAAW;WACpF,kBAAC,GAAD;EAAuB,aAAA;YACtB,kBAAC,GAAD,CAAe,CAAA;CACO,CAAA;AACnB,CAAA,EAEP"}

package/dist/flex/Flex.d.ts

@@ -0,0 +1,6 @@
+export declare const Flex: {
+    Container: import("react").ForwardRefExoticComponent<import("./types").FlexContainerProps & import("react").RefAttributes<HTMLElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("./types").FlexItemProps & import("react").RefAttributes<HTMLElement>>;
+    Predefined: import("react").ForwardRefExoticComponent<import("./types").PredefinedFlexProps & import("react").RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=Flex.d.ts.map

package/dist/flex/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/flex/Flex.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;CAIhB,CAAC"}

package/dist/flex/FlexCenter.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from "react";
+interface FlexCenterProps extends PropsWithChildren {
+    className?: string;
+    minHeight?: string | number;
+}
+export declare const FlexCenter: React.FC<FlexCenterProps>;
+export {};
+//# sourceMappingURL=FlexCenter.d.ts.map

package/dist/flex/FlexCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexCenter.d.ts","sourceRoot":"","sources":["../../src/flex/FlexCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,UAAU,eAAgB,SAAQ,iBAAiB;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAMhD,CAAC"}

package/dist/flex/FlexContainer.d.ts

@@ -0,0 +1,3 @@
+import { FlexContainerProps } from "./types";
+export declare const FlexContainer: import("react").ForwardRefExoticComponent<FlexContainerProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=FlexContainer.d.ts.map

package/dist/flex/FlexContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexContainer.d.ts","sourceRoot":"","sources":["../../src/flex/FlexContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoB7C,eAAO,MAAM,aAAa,4GAoBxB,CAAC"}

package/dist/flex/FlexItem.d.ts

@@ -0,0 +1,3 @@
+import { FlexItemProps } from "./types";
+export declare const FlexItem: import("react").ForwardRefExoticComponent<FlexItemProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=FlexItem.d.ts.map

package/dist/flex/FlexItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../src/flex/FlexItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQxC,eAAO,MAAM,QAAQ,uGAoBnB,CAAC"}

package/dist/flex/FlexSpacer.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const FlexSpacer: React.FC;
+//# sourceMappingURL=FlexSpacer.d.ts.map

package/dist/flex/FlexSpacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexSpacer.d.ts","sourceRoot":"","sources":["../../src/flex/FlexSpacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAA6B,CAAC"}

package/dist/flex/PredefinedFlex.d.ts

@@ -0,0 +1,3 @@
+import { PredefinedFlexProps } from "./types";
+export declare const PredefinedFlex: import("react").ForwardRefExoticComponent<PredefinedFlexProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=PredefinedFlex.d.ts.map

package/dist/flex/PredefinedFlex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PredefinedFlex.d.ts","sourceRoot":"","sources":["../../src/flex/PredefinedFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,cAAc,6GASzB,CAAC"}

package/dist/flex/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./Flex";
+export * from "./FlexCenter";
+export * from "./FlexContainer";
+export * from "./FlexItem";
+export * from "./FlexSpacer";
+export * from "./PredefinedFlex";
+//# sourceMappingURL=index.d.ts.map

package/dist/flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/flex/index.js

@@ -0,0 +1,14 @@
+import { i as e, n as t, r as n, t as r } from "../chunks/Flex-DbBdq336.js";
+import { cn as i } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+//#region src/flex/FlexCenter.tsx
+var o = ({ className: e, minHeight: t, children: n }) => /* @__PURE__ */ a("div", {
+	className: i("flexCenter h100", e),
+	style: { minHeight: t },
+	children: n
+}), s = () => /* @__PURE__ */ a(n, { flex1: !0 });
+//#endregion
+export { r as Flex, o as FlexCenter, e as FlexContainer, n as FlexItem, s as FlexSpacer, t as PredefinedFlex };
+
+//# sourceMappingURL=index.js.map

package/dist/flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/flex/FlexCenter.tsx","../../src/flex/FlexSpacer.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\ninterface FlexCenterProps extends PropsWithChildren {\n\tclassName?: string;\n\tminHeight?: string | number;\n}\n\nexport const FlexCenter: React.FC<FlexCenterProps> = ({ className, minHeight, children }) => {\n\treturn (\n\t\t<div className={cn(\"flexCenter h100\", className)} style={{ minHeight }}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n","import React from \"react\";\n\nimport { FlexItem } from \"./FlexItem\";\n\nexport const FlexSpacer: React.FC = () => <FlexItem flex1 />;\n"],"mappings":";;;;;AASA,IAAa,KAAyC,EAAE,cAAW,cAAW,kBAE5E,kBAAC,OAAD;CAAK,WAAW,EAAG,mBAAmB,CAAS;CAAG,OAAO,EAAE,aAAU;CACnE;AACG,CAAA,GCTM,UAA6B,kBAAC,GAAD,EAAU,OAAA,GAAO,CAAA"}

package/dist/flex/stories/Flex.stories.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../types").FlexContainerProps & React.RefAttributes<HTMLElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicRow: Story;
+export declare const BasicColumn: Story;
+export declare const Directions: Story;
+export declare const JustifyContent: Story;
+export declare const AlignItems: Story;
+export declare const Wrapping: Story;
+export declare const Gaps: Story;
+export declare const FlexItems: Story;
+export declare const Predefined: Story;
+export declare const InlineFlex: Story;
+export declare const RealWorld: Story;
+//# sourceMappingURL=Flex.stories.d.ts.map

package/dist/flex/stories/Flex.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../src/flex/stories/Flex.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAmC5D,QAAA,MAAM,IAAI;;;;;;;CAO6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAiCxB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KA2BlB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAmDvB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAiDvB,CAAC"}