@ryuzaki13/react-foundation-ui 1.0.7 → 1.0.11

package/dist/grid/stories/Grid.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.stories.js","names":[],"sources":["../../../src/grid/stories/Grid.stories.tsx"],"sourcesContent":["// Grid.stories.tsx\nimport React from \"react\";\n\nimport { Grid } from \"../Grid\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\n// Стили для демонстрационных блоков (аналогично Flex)\nconst demoStyles = {\n\tcontainer: {\n\t\tborder: \"2px dashed var(--border-0)\",\n\t\tpadding: \"2em\",\n\t\tmarginBlock: \"1em\"\n\t},\n\titem: {\n\t\ttextAlign: \"center\" as const,\n\t\tfontWeight: \"bold\",\n\t\tcolor: \"white\",\n\t\tminHeight: \"5em\",\n\t\tminWidth: \"10em\",\n\t\tdisplay: \"flex\",\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\"\n\t},\n\titemColors: [\"#ff6b6b\", \"#4ecdc4\", \"#45b7d1\", \"#96ceb4\", \"#feca57\", \"#ff9ff3\", \"#54a0ff\", \"#5f27cd\"]\n};\n\nconst getItemColor = (index: number) => demoStyles.itemColors[index % demoStyles.itemColors.length];\n\nconst DemoItem = ({ children, index = 0, style }: { children: React.ReactNode; index?: number; style?: React.CSSProperties }) => (\n\t<Grid.Item\n\t\tstyle={{\n\t\t\t...demoStyles.item,\n\t\t\tbackgroundColor: getItemColor(index),\n\t\t\t...style\n\t\t}}>\n\t\t{children}\n\t</Grid.Item>\n);\n\nconst meta = {\n\ttitle: \"Shared/Layout/Grid\",\n\tcomponent: Grid.Container,\n\tparameters: {\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"]\n} satisfies Meta<typeof Grid.Container>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// Базовые примеры\nexport const BasicGrid: Story = {\n\trender: ({ children, ...args }) => (\n\t\t<Grid.Container {...args} templateColumns=\"1fr 1fr 1fr\" style={demoStyles.container}>\n\t\t\t{children}\n\t\t</Grid.Container>\n\t),\n\targs: {\n\t\tchildren: (\n\t\t\t<>\n\t\t\t\t<DemoItem index={0}>1</DemoItem>\n\t\t\t\t<DemoItem index={1}>2</DemoItem>\n\t\t\t\t<DemoItem index={2}>3</DemoItem>\n\t\t\t\t<DemoItem index={3}>4</DemoItem>\n\t\t\t\t<DemoItem index={4}>5</DemoItem>\n\t\t\t\t<DemoItem index={5}>6</DemoItem>\n\t\t\t</>\n\t\t)\n\t}\n};\n\n// Auto Flow\nexport const AutoFlow: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t<h3>Row (default)</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(3, 100px)\" templateRows=\"repeat(2, 60px)\" gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t<DemoItem index={0}>1</DemoItem>\n\t\t\t\t<DemoItem index={1}>2</DemoItem>\n\t\t\t\t<DemoItem index={2}>3</DemoItem>\n\t\t\t\t<DemoItem index={3}>4</DemoItem>\n\t\t\t\t<DemoItem index={4}>5</DemoItem>\n\t\t\t\t<DemoItem index={5}>6</DemoItem>\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Column</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(2, 100px)\" templateRows=\"repeat(3, 60px)\" column gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t<DemoItem index={0}>1</DemoItem>\n\t\t\t\t<DemoItem index={1}>2</DemoItem>\n\t\t\t\t<DemoItem index={2}>3</DemoItem>\n\t\t\t\t<DemoItem index={3}>4</DemoItem>\n\t\t\t\t<DemoItem index={4}>5</DemoItem>\n\t\t\t\t<DemoItem index={5}>6</DemoItem>\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Dense</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(4, 80px)\" templateRows=\"repeat(3, 60px)\" dense gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t<DemoItem index={0} style={{ gridColumn: \"span 2\" }}>\n\t\t\t\t\tSpan 2\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={1}>2</DemoItem>\n\t\t\t\t<DemoItem index={2} style={{ gridRow: \"span 2\" }}>\n\t\t\t\t\tSpan 2\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={3}>4</DemoItem>\n\t\t\t\t<DemoItem index={4}>5</DemoItem>\n\t\t\t\t<DemoItem index={5}>6</DemoItem>\n\t\t\t\t<DemoItem index={6}>7</DemoItem>\n\t\t\t</Grid.Container>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Выравнивание\nexport const Alignment: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t<h3 style={{ marginBlock: \"1em\" }}>Align Items</h3>\n\t\t\t{([\"start\", \"center\", \"end\", \"stretch\"] as const).map((align) => (\n\t\t\t\t<div key={align}>\n\t\t\t\t\t<h4>{align}</h4>\n\t\t\t\t\t<Grid.Container templateColumns=\"repeat(3, 1fr)\" align={align} gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t\t\t<DemoItem index={0} style={{ height: align === \"stretch\" ? \"auto\" : \"5em\" }}>\n\t\t\t\t\t\t\tShort\n\t\t\t\t\t\t</DemoItem>\n\t\t\t\t\t\t<DemoItem index={1} style={{ height: align === \"stretch\" ? \"auto\" : \"10em\" }}>\n\t\t\t\t\t\t\tTall\n\t\t\t\t\t\t</DemoItem>\n\t\t\t\t\t\t<DemoItem index={2} style={{ height: align === \"stretch\" ? \"auto\" : \"8em\" }}>\n\t\t\t\t\t\t\tMedium\n\t\t\t\t\t\t</DemoItem>\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</div>\n\t\t\t))}\n\n\t\t\t<h3 style={{ marginBlock: \"1em\" }}>Justify Items</h3>\n\t\t\t{([\"start\", \"center\", \"end\", \"stretch\"] as const).map((justify) => (\n\t\t\t\t<div key={justify}>\n\t\t\t\t\t<h4>{justify}</h4>\n\t\t\t\t\t<Grid.Container templateColumns=\"repeat(3, 20em)\" justify={justify} gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t\t\t<DemoItem index={0} style={{ width: justify === \"stretch\" ? \"auto\" : \"10em\" }}>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</DemoItem>\n\t\t\t\t\t\t<DemoItem index={1} style={{ width: justify === \"stretch\" ? \"auto\" : \"10em\" }}>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</DemoItem>\n\t\t\t\t\t\t<DemoItem index={2} style={{ width: justify === \"stretch\" ? \"auto\" : \"10em\" }}>\n\t\t\t\t\t\t\tItem\n\t\t\t\t\t\t</DemoItem>\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Gap свойства\nexport const Gaps: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t{([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const).map((gap) => (\n\t\t\t\t<div key={gap}>\n\t\t\t\t\t<h3>Gap: {gap}</h3>\n\t\t\t\t\t<Grid.Container templateColumns=\"repeat(3, 1fr)\" gap={gap} style={demoStyles.container}>\n\t\t\t\t\t\t{[1, 2, 3, 4, 5, 6].map((i) => (\n\t\t\t\t\t\t\t<DemoItem key={i} index={i}>\n\t\t\t\t\t\t\t\tItem {i}\n\t\t\t\t\t\t\t</DemoItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Grid.Container>\n\t\t\t\t</div>\n\t\t\t))}\n\n\t\t\t<h3>Different Row and Column Gaps</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(3, 1fr)\" gapRow=\"lg\" gapColumn=\"sm\" style={demoStyles.container}>\n\t\t\t\t{[1, 2, 3, 4, 5, 6].map((i) => (\n\t\t\t\t\t<DemoItem key={i} index={i}>\n\t\t\t\t\t\tItem {i}\n\t\t\t\t\t</DemoItem>\n\t\t\t\t))}\n\t\t\t</Grid.Container>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Предопределенные варианты\nexport const PredefinedVariants: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t<h3>Single Column (grid-template-columns: 100%; grid-auto-rows: auto 1fr)</h3>\n\t\t\t<Grid.Container variant=\"single-column\" style={{ ...demoStyles.container, height: \"200px\" }}>\n\t\t\t\t<DemoItem index={0}>Header (auto)</DemoItem>\n\t\t\t\t<DemoItem index={1}>Content (1fr)</DemoItem>\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Auto 1fr Rows (grid-auto-rows: 1fr)</h3>\n\t\t\t<Grid.Container variant=\"auto-1fr\" templateColumns=\"1fr 1fr\" style={{ ...demoStyles.container, height: \"150px\" }}>\n\t\t\t\t<DemoItem index={0}>Equal</DemoItem>\n\t\t\t\t<DemoItem index={1}>Height</DemoItem>\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Auto 1fr Columns (grid-template-columns: auto 1fr; grid-auto-rows: auto)</h3>\n\t\t\t<Grid.Container variant=\"auto1fr-rows-auto\" gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t<DemoItem index={0}>Label</DemoItem>\n\t\t\t\t<DemoItem index={1}>Content that takes remaining space</DemoItem>\n\t\t\t\t<DemoItem index={2}>Another</DemoItem>\n\t\t\t\t<DemoItem index={3}>More content here</DemoItem>\n\t\t\t</Grid.Container>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Сложные шаблоны с inline styles\nexport const ComplexTemplates: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t<h3>Auto-fit with Minmax</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(auto-fit, minmax(150px, 1fr))\" gap=\"md\" style={demoStyles.container}>\n\t\t\t\t{[1, 2, 3, 4, 5, 6].map((i) => (\n\t\t\t\t\t<DemoItem key={i} index={i}>\n\t\t\t\t\t\tCard {i}\n\t\t\t\t\t</DemoItem>\n\t\t\t\t))}\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Fixed and Flexible Columns</h3>\n\t\t\t<Grid.Container templateColumns=\"200px 1fr 100px\" gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t<DemoItem index={0}>Sidebar</DemoItem>\n\t\t\t\t<DemoItem index={1}>Main Content</DemoItem>\n\t\t\t\t<DemoItem index={2}>Tools</DemoItem>\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Masonry-like Layout</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(4, 1fr)\" autoRows=\"100px\" gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t<DemoItem index={0} style={{ gridRow: \"span 2\" }}>\n\t\t\t\t\tTall\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={1}>Normal</DemoItem>\n\t\t\t\t<DemoItem index={2}>Normal</DemoItem>\n\t\t\t\t<DemoItem index={3} style={{ gridRow: \"span 3\" }}>\n\t\t\t\t\tVery Tall\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={4}>Normal</DemoItem>\n\t\t\t\t<DemoItem index={5} style={{ gridRow: \"span 2\" }}>\n\t\t\t\t\tTall\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={6}>Normal</DemoItem>\n\t\t\t\t<DemoItem index={7}>Normal</DemoItem>\n\t\t\t</Grid.Container>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Grid Areas\nexport const GridAreas: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t<h3>Basic Layout with Areas</h3>\n\t\t\t<Grid.Container\n\t\t\t\tareas={`\n          \"header header\"\n          \"nav main\"\n          \"footer footer\"\n        `}\n\t\t\t\ttemplateColumns=\"200px 1fr\"\n\t\t\t\ttemplateRows=\"auto 1fr auto\"\n\t\t\t\tgap=\"md\"\n\t\t\t\tstyle={{ ...demoStyles.container, height: \"300px\" }}>\n\t\t\t\t<Grid.Item area=\"header\">\n\t\t\t\t\t<DemoItem index={0}>Header</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"nav\">\n\t\t\t\t\t<DemoItem index={1}>Navigation</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"main\">\n\t\t\t\t\t<DemoItem index={2}>Main Content</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"footer\">\n\t\t\t\t\t<DemoItem index={3}>Footer</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Complex Areas Layout</h3>\n\t\t\t<Grid.Container\n\t\t\t\tareas={`\n          \"header header header\"\n          \"sidebar content ads\"\n          \"sidebar footer footer\"\n        `}\n\t\t\t\ttemplateColumns=\"150px 1fr 120px\"\n\t\t\t\ttemplateRows=\"60px 1fr 60px\"\n\t\t\t\tgap=\"sm\"\n\t\t\t\tstyle={{ ...demoStyles.container, height: \"350px\" }}>\n\t\t\t\t<Grid.Item area=\"header\">\n\t\t\t\t\t<DemoItem index={0}>Header</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"sidebar\">\n\t\t\t\t\t<DemoItem index={1}>Sidebar</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"content\">\n\t\t\t\t\t<DemoItem index={2}>Content</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"ads\">\n\t\t\t\t\t<DemoItem index={3}>Ads</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"footer\">\n\t\t\t\t\t<DemoItem index={4}>Footer</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t</Grid.Container>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Grid Item Placement\nexport const ItemPlacement: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t<h3>Column and Row Span</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(4, 1fr)\" templateRows=\"repeat(3, 80px)\" gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t<DemoItem index={0} style={{ gridColumn: \"span 2\" }}>\n\t\t\t\t\tSpan 2 Columns\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={1}>Normal</DemoItem>\n\t\t\t\t<DemoItem index={2}>Normal</DemoItem>\n\t\t\t\t<DemoItem index={3} style={{ gridRow: \"span 2\" }}>\n\t\t\t\t\tSpan 2 Rows\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={4}>Normal</DemoItem>\n\t\t\t\t<DemoItem index={5}>Normal</DemoItem>\n\t\t\t\t<DemoItem index={6} style={{ gridColumn: \"span 3\", gridRow: \"span 2\" }}>\n\t\t\t\t\tSpan 3 Columns & 2 Rows\n\t\t\t\t</DemoItem>\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Self Alignment</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(3, 1fr)\" templateRows=\"repeat(2, 100px)\" gap=\"sm\" style={demoStyles.container}>\n\t\t\t\t<Grid.Item alignSelf=\"start\">\n\t\t\t\t\t<DemoItem index={0}>Start</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item alignSelf=\"center\">\n\t\t\t\t\t<DemoItem index={1}>Center</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item alignSelf=\"end\">\n\t\t\t\t\t<DemoItem index={2}>End</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item justifySelf=\"start\">\n\t\t\t\t\t<DemoItem index={3} style={{ width: \"80px\" }}>\n\t\t\t\t\t\tStart\n\t\t\t\t\t</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item justifySelf=\"center\">\n\t\t\t\t\t<DemoItem index={4} style={{ width: \"80px\" }}>\n\t\t\t\t\t\tCenter\n\t\t\t\t\t</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item justifySelf=\"end\">\n\t\t\t\t\t<DemoItem index={5} style={{ width: \"80px\" }}>\n\t\t\t\t\t\tEnd\n\t\t\t\t\t</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t</Grid.Container>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Inline Grid\nexport const InlineGrid: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t<p>\n\t\t\t\tThis is text with\n\t\t\t\t<Grid.Container inline templateColumns=\"repeat(2, auto)\" gap=\"xs\" style={{ margin: \"0 8px\" }}>\n\t\t\t\t\t<DemoItem index={0}>inline</DemoItem>\n\t\t\t\t\t<DemoItem index={1}>grid</DemoItem>\n\t\t\t\t</Grid.Container>\n\t\t\t\telements inside.\n\t\t\t</p>\n\n\t\t\t<p>\n\t\t\t\tAnother inline grid example:\n\t\t\t\t<Grid.Container inline templateColumns=\"auto auto\" gap=\"sm\" align=\"center\" style={{ margin: \"0 8px\" }}>\n\t\t\t\t\t<DemoItem index={2} style={{ fontSize: \"12px\", padding: \"4px 8px\" }}>\n\t\t\t\t\t\tSmall\n\t\t\t\t\t</DemoItem>\n\t\t\t\t\t<DemoItem index={3} style={{ fontSize: \"12px\", padding: \"4px 8px\" }}>\n\t\t\t\t\t\tItems\n\t\t\t\t\t</DemoItem>\n\t\t\t\t</Grid.Container>\n\t\t\t\tin text flow.\n\t\t\t</p>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Real World Examples\nexport const RealWorld: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t<h3>Dashboard Layout</h3>\n\t\t\t<Grid.Container\n\t\t\t\tareas={`\n          \"header header header\"\n          \"stats stats sidebar\"\n          \"chart chart sidebar\"\n          \"table table sidebar\"\n        `}\n\t\t\t\ttemplateColumns=\"1fr 1fr 300px\"\n\t\t\t\ttemplateRows=\"auto auto 1fr auto\"\n\t\t\t\tgap=\"lg\"\n\t\t\t\tstyle={{ ...demoStyles.container, minHeight: \"500px\" }}>\n\t\t\t\t<Grid.Item area=\"header\">\n\t\t\t\t\t<DemoItem index={0}>Dashboard Header</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"stats\">\n\t\t\t\t\t<DemoItem index={1}>Statistics Cards</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"chart\">\n\t\t\t\t\t<DemoItem index={2}>Main Chart</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"table\">\n\t\t\t\t\t<DemoItem index={3}>Data Table</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t\t<Grid.Item area=\"sidebar\">\n\t\t\t\t\t<DemoItem index={4}>Sidebar Widgets</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Product Grid</h3>\n\t\t\t<Grid.Container\n\t\t\t\ttemplateColumns=\"repeat(auto-fill, minmax(200px, 1fr))\"\n\t\t\t\tautoRows=\"minmax(250px, auto)\"\n\t\t\t\tgap=\"md\"\n\t\t\t\tstyle={demoStyles.container}>\n\t\t\t\t{[1, 2, 3, 4, 5, 6, 7, 8].map((i) => (\n\t\t\t\t\t<Grid.Item key={i}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tborder: \"1px solid #ddd\",\n\t\t\t\t\t\t\t\tborderRadius: \"8px\",\n\t\t\t\t\t\t\t\tpadding: \"16px\",\n\t\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\t\tbackgroundColor: getItemColor(i),\n\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t\tcolor: \"white\"\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<h4>Product {i}</h4>\n\t\t\t\t\t\t\t<p>Description</p>\n\t\t\t\t\t\t\t<button style={{ marginTop: \"8px\", padding: \"8px 16px\" }}>Buy Now</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t))}\n\t\t\t</Grid.Container>\n\n\t\t\t<h3>Form Layout</h3>\n\t\t\t<Grid.Container templateColumns=\"auto 1fr\" autoRows=\"auto\" gap=\"md\" align=\"center\" style={demoStyles.container}>\n\t\t\t\t<DemoItem index={0} style={{ justifySelf: \"end\" }}>\n\t\t\t\t\tName:\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={1}>Input Field</DemoItem>\n\n\t\t\t\t<DemoItem index={2} style={{ justifySelf: \"end\" }}>\n\t\t\t\t\tEmail:\n\t\t\t\t</DemoItem>\n\t\t\t\t<DemoItem index={3}>Input Field</DemoItem>\n\n\t\t\t\t<DemoItem index={4} style={{ justifySelf: \"end\" }}>\n\t\t\t\t\tMessage:\n\t\t\t\t</DemoItem>\n\t\t\t\t<Grid.Item style={{ gridColumn: \"2\", alignSelf: \"stretch\" }}>\n\t\t\t\t\t<DemoItem index={5} style={{ height: \"100%\" }}>\n\t\t\t\t\t\tTextarea\n\t\t\t\t\t</DemoItem>\n\t\t\t\t</Grid.Item>\n\t\t\t</Grid.Container>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n\n// Responsive Examples\nexport const Responsive: Story = {\n\trender: () => (\n\t\t<div>\n\t\t\t{/* <h3>Responsive Columns</h3>\n\t\t\t<Grid.Container\n\t\t\t\ttemplateColumns={{\n\t\t\t\t\tmobile: \"1fr\",\n\t\t\t\t\ttablet: \"repeat(2, 1fr)\",\n\t\t\t\t\tdesktop: \"repeat(4, 1fr)\"\n\t\t\t\t}}\n\t\t\t\tgap=\"md\"\n\t\t\t\tstyle={demoStyles.container}>\n\t\t\t\t{[1, 2, 3, 4].map((i) => (\n\t\t\t\t\t<DemoItem key={i} index={i}>\n\t\t\t\t\t\tItem {i}\n\t\t\t\t\t</DemoItem>\n\t\t\t\t))}\n\t\t\t</Grid.Container> */}\n\n\t\t\t<h3>Adaptive Layout</h3>\n\t\t\t<Grid.Container templateColumns=\"repeat(auto-fit, minmax(min(100%, 300px), 1fr))\" gap=\"lg\" style={demoStyles.container}>\n\t\t\t\t{[1, 2, 3, 4, 5, 6].map((i) => (\n\t\t\t\t\t<DemoItem key={i} index={i}>\n\t\t\t\t\t\tAdaptive Card {i}\n\t\t\t\t\t</DemoItem>\n\t\t\t\t))}\n\t\t\t</Grid.Container>\n\t\t</div>\n\t),\n\targs: { children: undefined }\n};\n"],"mappings":"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"}

package/dist/input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/input/InputErrorComponent.tsx"],"sourcesContent":["import styles from \"../ui.module.scss\";\n\ninterface InputErrorComponentProps {\n\ttext: string;\n}\n\nexport function InputErrorComponent({ text }: InputErrorComponentProps) {\n\treturn <div className={styles.uiErrorElement}>{text}</div>;\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAoB,EAAE,WAAkC;CACvE,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAiB;CAAU,CAAA;AAC1D"}

package/dist/input/stories/Input.stories.d.ts

@@ -1,69 +0,0 @@
-import { StoryObj } from "@storybook/react-vite";
-import { InputText } from "../Input";
-declare const meta: {
-    title: string;
-    component: typeof InputText;
-    args: {
-        value: string;
-        onChange: () => void;
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        label: {
-            description: string;
-            control: "text";
-        };
-        description: {
-            description: string;
-            control: "text";
-        };
-        placeholder: {
-            description: string;
-            control: "text";
-        };
-        value: {
-            description: string;
-            control: "text";
-        };
-        onChange: {
-            description: string;
-            control: false;
-        };
-        onClear: {
-            description: string;
-            control: false;
-        };
-        error: {
-            description: string;
-            control: "text";
-        };
-        onClearError: {
-            description: string;
-            control: false;
-        };
-        disabled: {
-            description: string;
-            control: "boolean";
-        };
-        size: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-        allowedPattern: {
-            description: string;
-            control: false;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TextControlled: Story;
-export declare const NumberControlled: Story;
-export declare const PatternValidation: Story;
-export declare const WithError: Story;
-//# sourceMappingURL=Input.stories.d.ts.map

package/dist/input/stories/Input.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/input/stories/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAe,SAAS,EAAE,MAAM,UAAU,CAAC;AAElD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC"}

package/dist/input/stories/Input.stories.js

@@ -1,132 +0,0 @@
-import { a as e, i as t } from "../../chunks/Input-BYUl3UFn.js";
-import { useState as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/input/stories/Input.stories.tsx
-var i = {
-	title: "Shared/UI/Input",
-	component: e,
-	args: {
-		value: "",
-		onChange: () => {}
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		label: {
-			description: "Заголовок поля.",
-			control: "text"
-		},
-		description: {
-			description: "Описание под заголовком.",
-			control: "text"
-		},
-		placeholder: {
-			description: "Плейсхолдер нативного поля ввода.",
-			control: "text"
-		},
-		value: {
-			description: "Текущее значение поля.",
-			control: "text"
-		},
-		onChange: {
-			description: "Вызывается при изменении значения.",
-			control: !1
-		},
-		onClear: {
-			description: "Callback кнопки очистки справа.",
-			control: !1
-		},
-		error: {
-			description: "Текст ошибки под полем.",
-			control: "text"
-		},
-		onClearError: {
-			description: "Вызывается при вводе для сброса внешней ошибки.",
-			control: !1
-		},
-		disabled: {
-			description: "Блокирует редактирование.",
-			control: "boolean"
-		},
-		size: {
-			description: "Размер поля и подписи.",
-			control: "select",
-			options: [
-				"xs",
-				"sm",
-				"md",
-				"lg",
-				"xl"
-			]
-		},
-		allowedPattern: {
-			description: "Регулярное выражение для валидации введенной строки.",
-			control: !1
-		}
-	}
-}, a = {
-	render: (t) => {
-		let [i, a] = n(t.value ?? "");
-		return /* @__PURE__ */ r(e, {
-			...t,
-			value: i,
-			onChange: a,
-			onClear: () => a("")
-		});
-	},
-	args: {
-		label: "Наименование",
-		description: "Пример обычного текстового поля.",
-		placeholder: "Введите значение",
-		value: "",
-		size: "md"
-	}
-}, o = {
-	render: () => {
-		let [e, i] = n(25);
-		return /* @__PURE__ */ r(t, {
-			label: "Количество",
-			description: "Числовой ввод с min/max.",
-			placeholder: "0",
-			value: e,
-			min: 0,
-			max: 100,
-			onChange: i,
-			onClear: () => i(0)
-		});
-	},
-	args: { value: void 0 }
-}, s = {
-	render: () => {
-		let [t, i] = n("");
-		return /* @__PURE__ */ r(e, {
-			label: "Только цифры",
-			description: "`allowedPattern` подсвечивает невалидный ввод.",
-			placeholder: "12345",
-			value: t,
-			onChange: i,
-			allowedPattern: /^\d*$/
-		});
-	},
-	args: { value: void 0 }
-}, c = {
-	render: () => {
-		let [t, i] = n("admin"), [a, o] = n("Логин уже занят");
-		return /* @__PURE__ */ r(e, {
-			label: "Логин",
-			value: t,
-			error: a,
-			onChange: i,
-			onClear: () => i(""),
-			onClearError: () => o("")
-		});
-	},
-	args: { value: void 0 }
-};
-//#endregion
-export { o as NumberControlled, s as PatternValidation, a as TextControlled, c as WithError, i as default };
-
-//# sourceMappingURL=Input.stories.js.map

package/dist/input/stories/Input.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.js","names":[],"sources":["../../../src/input/stories/Input.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Meta, StoryObj } from \"@storybook/react-vite\";\n\nimport { InputNumber, InputText } from \"../Input\";\n\nconst meta = {\n\ttitle: \"Shared/UI/Input\",\n\tcomponent: InputText,\n\targs: {\n\t\tvalue: \"\",\n\t\tonChange: () => {}\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: \"Заголовок поля.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdescription: {\n\t\t\tdescription: \"Описание под заголовком.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tplaceholder: {\n\t\t\tdescription: \"Плейсхолдер нативного поля ввода.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Текущее значение поля.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при изменении значения.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonClear: {\n\t\t\tdescription: \"Callback кнопки очистки справа.\",\n\t\t\tcontrol: false\n\t\t},\n\t\terror: {\n\t\t\tdescription: \"Текст ошибки под полем.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonClearError: {\n\t\t\tdescription: \"Вызывается при вводе для сброса внешней ошибки.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует редактирование.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Размер поля и подписи.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t},\n\t\tallowedPattern: {\n\t\t\tdescription: \"Регулярное выражение для валидации введенной строки.\",\n\t\t\tcontrol: false\n\t\t}\n\t}\n} satisfies Meta<typeof InputText>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TextControlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(args.value ?? \"\");\n\t\treturn <InputText {...args} value={value} onChange={setValue} onClear={() => setValue(\"\")} />;\n\t},\n\targs: {\n\t\tlabel: \"Наименование\",\n\t\tdescription: \"Пример обычного текстового поля.\",\n\t\tplaceholder: \"Введите значение\",\n\t\tvalue: \"\",\n\t\tsize: \"md\"\n\t}\n};\n\nexport const NumberControlled: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<number>(25);\n\n\t\treturn (\n\t\t\t<InputNumber\n\t\t\t\tlabel=\"Количество\"\n\t\t\t\tdescription=\"Числовой ввод с min/max.\"\n\t\t\t\tplaceholder=\"0\"\n\t\t\t\tvalue={value}\n\t\t\t\tmin={0}\n\t\t\t\tmax={100}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonClear={() => setValue(0)}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n\nexport const PatternValidation: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState(\"\");\n\t\treturn (\n\t\t\t<InputText\n\t\t\t\tlabel=\"Только цифры\"\n\t\t\t\tdescription=\"`allowedPattern` подсвечивает невалидный ввод.\"\n\t\t\t\tplaceholder=\"12345\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tallowedPattern={/^\\d*$/}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n\nexport const WithError: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState(\"admin\");\n\t\tconst [error, setError] = useState(\"Логин уже занят\");\n\n\t\treturn (\n\t\t\t<InputText\n\t\t\t\tlabel=\"Логин\"\n\t\t\t\tvalue={value}\n\t\t\t\terror={error}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonClear={() => setValue(\"\")}\n\t\t\t\tonClearError={() => setError(\"\")}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n"],"mappings":";;;;AAMA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,gBAAgB,CAAC;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;EACA,gBAAgB;GACf,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAwB;CACpC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAS,EAAK,SAAS,EAAE;EACnD,OAAO,kBAAC,GAAD;GAAW,GAAI;GAAa;GAAO,UAAU;GAAU,eAAe,EAAS,EAAE;EAAI,CAAA;CAC7F;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,OAAO;EACP,MAAM;CACP;AACD,GAEa,IAA0B;CACtC,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAAiB,EAAE;EAE7C,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACZ,aAAY;GACL;GACP,KAAK;GACL,KAAK;GACL,UAAU;GACV,eAAe,EAAS,CAAC;EACzB,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD,GAEa,IAA2B;CACvC,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE;EACrC,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACZ,aAAY;GACL;GACP,UAAU;GACV,gBAAgB;EAChB,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD,GAEa,IAAmB;CAC/B,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAAS,OAAO,GACpC,CAAC,GAAO,KAAY,EAAS,iBAAiB;EAEpD,OACC,kBAAC,GAAD;GACC,OAAM;GACC;GACA;GACP,UAAU;GACV,eAAe,EAAS,EAAE;GAC1B,oBAAoB,EAAS,EAAE;EAC/B,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD"}

package/dist/input-date-time/stories/InputDateTime.stories.d.ts

@@ -1,69 +0,0 @@
-import { InputDate } from "../InputDateTime";
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: typeof InputDate;
-    args: {
-        value: undefined;
-        onChange: () => void;
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        label: {
-            description: string;
-            control: "text";
-        };
-        description: {
-            description: string;
-            control: "text";
-        };
-        value: {
-            description: string;
-            control: false;
-        };
-        onChange: {
-            description: string;
-            control: false;
-        };
-        mask: {
-            description: string;
-            control: "text";
-        };
-        error: {
-            description: string;
-            control: "text";
-        };
-        onClearError: {
-            description: string;
-            control: false;
-        };
-        onClear: {
-            description: string;
-            control: false;
-        };
-        disabled: {
-            description: string;
-            control: "boolean";
-        };
-        size: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-        "aria-label": {
-            description: string;
-            control: "text";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const DateOnly: Story;
-export declare const TimeOnly: Story;
-export declare const DateAndTime: Story;
-export declare const CustomMask: Story;
-//# sourceMappingURL=InputDateTime.stories.d.ts.map

package/dist/input-date-time/stories/InputDateTime.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputDateTime.stories.d.ts","sourceRoot":"","sources":["../../../src/input-date-time/stories/InputDateTime.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA4B,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}

package/dist/input-date-time/stories/InputDateTime.stories.js

@@ -1,125 +0,0 @@
-import { n as e, r as t, t as n } from "../../chunks/InputDateTime-DBkWb0lk.js";
-import { useState as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/input-date-time/stories/InputDateTime.stories.tsx
-var a = {
-	title: "Shared/UI/InputDateTime",
-	component: n,
-	args: {
-		value: void 0,
-		onChange: () => {}
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		label: {
-			description: "Заголовок поля.",
-			control: "text"
-		},
-		description: {
-			description: "Описание под заголовком.",
-			control: "text"
-		},
-		value: {
-			description: "Текущее значение в виде `Date`.",
-			control: !1
-		},
-		onChange: {
-			description: "Вызывается при формировании валидной даты/времени.",
-			control: !1
-		},
-		mask: {
-			description: "Маска сегментов (`YYYY`, `MM`, `DD`, `hh`, `mm`, `ss`).",
-			control: "text"
-		},
-		error: {
-			description: "Текст ошибки под полем.",
-			control: "text"
-		},
-		onClearError: {
-			description: "Сброс внешней ошибки при вводе.",
-			control: !1
-		},
-		onClear: {
-			description: "Очищает значение и активирует кнопку очистки.",
-			control: !1
-		},
-		disabled: {
-			description: "Блокирует редактирование сегментов.",
-			control: "boolean"
-		},
-		size: {
-			description: "Размер поля и подписи.",
-			control: "select",
-			options: [
-				"xs",
-				"sm",
-				"md",
-				"lg",
-				"xl"
-			]
-		},
-		"aria-label": {
-			description: "ARIA-метка для контейнера сегментного ввода.",
-			control: "text"
-		}
-	}
-}, o = {
-	render: (e) => {
-		let [t, a] = r(e.value);
-		return /* @__PURE__ */ i(n, {
-			...e,
-			value: t,
-			onChange: a,
-			onClear: () => a(void 0)
-		});
-	},
-	args: {
-		label: "Дата",
-		description: "Формат по умолчанию: YYYY.MM.DD",
-		value: new Date(2026, 2, 5)
-	}
-}, s = {
-	render: () => {
-		let [e, n] = r(new Date(2026, 2, 5, 14, 30, 0));
-		return /* @__PURE__ */ i(t, {
-			label: "Время",
-			description: "Формат по умолчанию: hh:mm",
-			value: e,
-			onChange: n,
-			onClear: () => n(void 0)
-		});
-	},
-	args: { value: void 0 }
-}, c = {
-	render: () => {
-		let [t, n] = r(new Date(2026, 2, 5, 9, 15, 0));
-		return /* @__PURE__ */ i(e, {
-			label: "Дата и время",
-			description: "Комбинированный ввод даты и времени.",
-			value: t,
-			onChange: n,
-			onClear: () => n(void 0)
-		});
-	},
-	args: { value: void 0 }
-}, l = {
-	render: () => {
-		let [t, n] = r(new Date(2026, 2, 5, 9, 15, 42));
-		return /* @__PURE__ */ i(e, {
-			label: "Кастомная маска",
-			description: "Добавлены секунды: YYYY.MM.DD hh:mm:ss",
-			mask: "YYYY.MM.DD hh:mm:ss",
-			value: t,
-			onChange: n
-		});
-	},
-	args: { value: void 0 }
-};
-//#endregion
-export { l as CustomMask, c as DateAndTime, o as DateOnly, s as TimeOnly, a as default };
-
-//# sourceMappingURL=InputDateTime.stories.js.map

package/dist/input-date-time/stories/InputDateTime.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputDateTime.stories.js","names":[],"sources":["../../../src/input-date-time/stories/InputDateTime.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { InputDate, InputDateTime, InputTime } from \"../InputDateTime\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/InputDateTime\",\n\tcomponent: InputDate,\n\targs: {\n\t\tvalue: undefined,\n\t\tonChange: () => {}\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: \"Заголовок поля.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdescription: {\n\t\t\tdescription: \"Описание под заголовком.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Текущее значение в виде `Date`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при формировании валидной даты/времени.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tmask: {\n\t\t\tdescription: \"Маска сегментов (`YYYY`, `MM`, `DD`, `hh`, `mm`, `ss`).\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\terror: {\n\t\t\tdescription: \"Текст ошибки под полем.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonClearError: {\n\t\t\tdescription: \"Сброс внешней ошибки при вводе.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonClear: {\n\t\t\tdescription: \"Очищает значение и активирует кнопку очистки.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует редактирование сегментов.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Размер поля и подписи.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t},\n\t\t\"aria-label\": {\n\t\t\tdescription: \"ARIA-метка для контейнера сегментного ввода.\",\n\t\t\tcontrol: \"text\"\n\t\t}\n\t}\n} satisfies Meta<typeof InputDate>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const DateOnly: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<Date | undefined>(args.value);\n\t\treturn <InputDate {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;\n\t},\n\targs: {\n\t\tlabel: \"Дата\",\n\t\tdescription: \"Формат по умолчанию: YYYY.MM.DD\",\n\t\tvalue: new Date(2026, 2, 5)\n\t}\n};\n\nexport const TimeOnly: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 14, 30, 0));\n\t\treturn (\n\t\t\t<InputTime\n\t\t\t\tlabel=\"Время\"\n\t\t\t\tdescription=\"Формат по умолчанию: hh:mm\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonClear={() => setValue(undefined)}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n\nexport const DateAndTime: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 9, 15, 0));\n\t\treturn (\n\t\t\t<InputDateTime\n\t\t\t\tlabel=\"Дата и время\"\n\t\t\t\tdescription=\"Комбинированный ввод даты и времени.\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonClear={() => setValue(undefined)}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n\nexport const CustomMask: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<Date | undefined>(new Date(2026, 2, 5, 9, 15, 42));\n\t\treturn (\n\t\t\t<InputDateTime\n\t\t\t\tlabel=\"Кастомная маска\"\n\t\t\t\tdescription=\"Добавлены секунды: YYYY.MM.DD hh:mm:ss\"\n\t\t\t\tmask=\"YYYY.MM.DD hh:mm:ss\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: undefined\n\t}\n};\n"],"mappings":";;;;AAMA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO,KAAA;EACP,gBAAgB,CAAC;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAkB;CAC9B,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,EAAK,KAAK;EAC/D,OAAO,kBAAC,GAAD;GAAW,GAAI;GAAa;GAAO,UAAU;GAAU,eAAe,EAAS,KAAA,CAAS;EAAI,CAAA;CACpG;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC;CAC3B;AACD,GAEa,IAAkB;CAC9B,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAA2B,IAAI,KAAK,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,CAAC;EACpF,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACL;GACP,UAAU;GACV,eAAe,EAAS,KAAA,CAAS;EACjC,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD,GAEa,IAAqB;CACjC,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAA2B,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;EACnF,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACL;GACP,UAAU;GACV,eAAe,EAAS,KAAA,CAAS;EACjC,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD,GAEa,IAAoB;CAChC,cAAc;EACb,IAAM,CAAC,GAAO,KAAY,EAA2B,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC;EACpF,OACC,kBAAC,GAAD;GACC,OAAM;GACN,aAAY;GACZ,MAAK;GACE;GACP,UAAU;EACV,CAAA;CAEH;CACA,MAAM,EACL,OAAO,KAAA,EACR;AACD"}

package/dist/input-file/stories/InputFile.stories.d.ts

@@ -1,85 +0,0 @@
-import { InputFile } from "../InputFile";
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: typeof InputFile;
-    args: {
-        value: undefined;
-        onChange: () => void;
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        label: {
-            description: string;
-            control: "text";
-        };
-        description: {
-            description: string;
-            control: "text";
-        };
-        placeholder: {
-            description: string;
-            control: "text";
-        };
-        value: {
-            description: string;
-            control: false;
-        };
-        onChange: {
-            description: string;
-            control: false;
-        };
-        onReadError: {
-            description: string;
-            control: false;
-        };
-        onClear: {
-            description: string;
-            control: false;
-        };
-        accept: {
-            description: string;
-            control: "text";
-        };
-        allowedMime: {
-            description: string;
-            control: false;
-        };
-        maxBytes: {
-            description: string;
-            control: "number";
-        };
-        readMode: {
-            description: string;
-            control: "inline-radio";
-            options: string[];
-        };
-        error: {
-            description: string;
-            control: "text";
-        };
-        onClearError: {
-            description: string;
-            control: false;
-        };
-        disabled: {
-            description: string;
-            control: "boolean";
-        };
-        size: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Controlled: Story;
-export declare const WithInitialValue: Story;
-export declare const ArrayBufferMode: Story;
-//# sourceMappingURL=InputFile.stories.d.ts.map

package/dist/input-file/stories/InputFile.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile.stories.d.ts","sourceRoot":"","sources":["../../../src/input-file/stories/InputFile.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkB5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC"}