@keboola/design 15.1.0 → 16.1.0

package/dist/internal/blocks/NumberInput.js

@@ -1,6 +1,6 @@
-import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
+import { InputGroup } from "../../InputGroup-BWeanEo7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/blocks/NumberInput/NumberInput.tsx
+// src/blocks/NumberInput/NumberInput.tsx
 const toNumberOrNull = (event) => Number.isNaN(event.target.valueAsNumber) ? null : event.target.valueAsNumber;
 const NumberInput = ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }) => {
 	const handleChange = (event) => {
@@ -36,7 +36,6 @@ const NumberInput = ({ ref, state, focusVariant, className, value, defaultValue,
 		]
 	});
 };
-//#endregion
 export { NumberInput };
 
 //# sourceMappingURL=NumberInput.js.map

package/dist/internal/blocks/OtpInput.js

@@ -1,2 +1 @@
-import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "../../OtpInput-CY8yCaJk.js";
-export { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };
+export { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "../../OtpInput-C5plPzGU.js";

package/dist/internal/blocks/PageHeader.js

@@ -1,2 +1 @@
-import { PageHeader } from "../../PageHeader-CL1A6jFM.js";
-export { PageHeader };
+export { PageHeader } from "../../PageHeader-DosMyar2.js";

package/dist/internal/blocks/PageLayout.js

@@ -1,2 +1 @@
-import { PageLayout } from "../../PageLayout-C9aXTpqV.js";
-export { PageLayout };
+export { PageLayout } from "../../PageLayout-LcvJccOW.js";

package/dist/internal/blocks/PageToolbar.js

@@ -1,2 +1 @@
-import { PageToolbar } from "../../PageToolbar-LKP6PiP_.js";
-export { PageToolbar };
+export { PageToolbar } from "../../PageToolbar-By2HznxO.js";

package/dist/internal/blocks/PasswordInput.js

@@ -1,11 +1,11 @@
-import { createChangeInputEvent } from "../../utils-DwC9u0tM.js";
+import { createChangeInputEvent } from "../../utils-DjFceY3H.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
-import { ArrowBigUpDash, Eye, EyeOff, X } from "../../icons-ZIeZXXS7.js";
-import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
-import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
+import { ArrowBigUpDash, Eye, EyeOff, X } from "../../icons-DDR9dFSr.js";
+import { InputGroup } from "../../InputGroup-BWeanEo7.js";
+import { useControllableState } from "../../useControllableState-BCvUOC6G.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/blocks/PasswordInput/PasswordInput.tsx
+// src/blocks/PasswordInput/PasswordInput.tsx
 const PasswordInput = ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear = false, allowPasswordToggle = false, passwordToggleLabel, autoComplete = "new-password", defaultPasswordVisibility = false, disabled, readOnly, ...restInputProps }) => {
 	const inputRef = useRef(null);
 	const [value, setValue] = useControllableState({
@@ -89,7 +89,6 @@ const PasswordInput = ({ ref, state, focusVariant, className, value: valueProp,
 		})]
 	});
 };
-//#endregion
 export { PasswordInput };
 
 //# sourceMappingURL=PasswordInput.js.map

package/dist/internal/blocks/SearchInput.js

@@ -1,2 +1 @@
-import { SearchInput } from "../../SearchInput-DyYXyw3u.js";
-export { SearchInput };
+export { SearchInput } from "../../SearchInput-eLS-uvOn.js";

package/dist/internal/blocks/SearchInputWithNavigation.js

@@ -1,12 +1,12 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
-import { keyCodes } from "../../utils-DwC9u0tM.js";
-import { ChevronDown, ChevronUp, Search } from "../../icons-ZIeZXXS7.js";
-import { Button } from "../../Button-BNkyYU8u.js";
+import { cn } from "../../classNames-DkX30VJU.js";
+import { keyCodes } from "../../utils-DjFceY3H.js";
+import { ChevronDown, ChevronUp, Search } from "../../icons-DDR9dFSr.js";
+import { Button } from "../../Button-DbvGzEDb.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
-import { TextInput } from "../../TextInput-CR0_USaY.js";
+import { TextInput } from "../../TextInput--1CfZybC.js";
 import { Separator } from "../components/Separator.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx
+// src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx
 const SearchInputWithNavigation = ({ ref, value, onValueChange, placeholder = "Search...", onClear, focusVariant, currentIndex, totalResults, onNavigateNext, onNavigatePrevious, className }) => {
 	const withControls = totalResults > 0;
 	const handleKeyDown = (e) => {
@@ -58,7 +58,6 @@ const SearchInputWithNavigation = ({ ref, value, onValueChange, placeholder = "S
 		})
 	});
 };
-//#endregion
 export { SearchInputWithNavigation };
 
 //# sourceMappingURL=SearchInputWithNavigation.js.map

package/dist/internal/blocks/SectionNav.js

@@ -1,2 +1 @@
-import { SectionNav } from "../../SectionNav-6hcIpZLO.js";
-export { SectionNav };
+export { SectionNav } from "../../SectionNav-L81iJBo3.js";

package/dist/internal/blocks/SplitButton.js

@@ -1,9 +1,9 @@
-import { ChevronDown } from "../../icons-ZIeZXXS7.js";
-import { Button } from "../../Button-BNkyYU8u.js";
+import { ChevronDown } from "../../icons-DDR9dFSr.js";
+import { Button } from "../../Button-DbvGzEDb.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
-import { DropdownMenu } from "../../DropdownMenu-Bum99mVf.js";
+import { DropdownMenu } from "../../DropdownMenu-Ba9atqDa.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/blocks/SplitButton/SplitButton.tsx
+// src/blocks/SplitButton/SplitButton.tsx
 const iconSizeMap = {
 	medium: "icon",
 	large: "icon-lg",
@@ -41,7 +41,6 @@ const SplitButton = Object.assign(SplitButtonBase, {
 	Action: DropdownMenu.Item,
 	Actions: DropdownMenu.Group
 });
-//#endregion
 export { SplitButton };
 
 //# sourceMappingURL=SplitButton.js.map

package/dist/internal/blocks/StatCard.js

@@ -1,8 +1,8 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
-import { Card } from "../../Card-DxjGiqH8.js";
+import { cn } from "../../classNames-DkX30VJU.js";
+import { Card } from "../../Card-VIPfOVW5.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/blocks/StatCard/StatCard.tsx
+// src/blocks/StatCard/StatCard.tsx
 const trendClassnames = cva([
 	"tw:inline-flex",
 	"tw:items-center",
@@ -64,8 +64,7 @@ StatCard.Label = StatCardLabel;
 StatCard.Value = StatCardValue;
 StatCard.Trend = StatCardTrend;
 StatCard.Footnote = StatCardFootnote;
-//#endregion
-//#region src/blocks/StatCard/StatCardGrid.tsx
+// src/blocks/StatCard/StatCardGrid.tsx
 const gridClassnames = cva(["tw:grid", "tw:gap-4"], {
 	variants: { columns: {
 		2: "tw:grid-cols-1 tw:sm:grid-cols-2",
@@ -87,7 +86,6 @@ const StatCardGrid = ({ className, columns = 4, children, ...rest }) => /* @__PU
 	...rest,
 	children
 });
-//#endregion
 export { StatCard, StatCardGrid };
 
 //# sourceMappingURL=StatCard.js.map

package/dist/internal/blocks/StatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/blocks/StatCard/StatCard.tsx","../../../src/blocks/StatCard/StatCardGrid.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { Card } from '../../components/Card';\nimport { cn } from '../../utils';\n\nconst trendClassnames = cva(\n  ['tw:inline-flex', 'tw:items-center', 'tw:gap-1', 'tw:text-sm', 'tw:font-medium'],\n  {\n    variants: {\n      direction: {\n        up: 'tw:text-success',\n        down: 'tw:text-destructive',\n        flat: 'tw:text-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      direction: 'flat',\n    },\n  },\n);\n\ntype TrendDirection = NonNullable<VariantProps<typeof trendClassnames>['direction']>;\n\ntype RootProps = ComponentProps<typeof Card>;\n\n/**\n * A single KPI / metric tile over `Card`.\n *\n * **When to use:** dashboard headline numbers, usually in a `StatCardGrid`.\n * **When NOT to use:** charts (`ChartPanel`) or generic surfaces (`Card`).\n */\nconst StatCardRoot = ({ className, children, bordered = true, ...rest }: RootProps) => (\n  <Card bordered={bordered} className={cn('tw:gap-2', className)} role=\"group\" {...rest}>\n    {children}\n  </Card>\n);\n\ntype IconProps = ComponentProps<'div'>;\n\nconst StatCardIcon = ({ className, children, ...rest }: IconProps) => (\n  <div\n    className={cn(\n      'tw:flex tw:size-9 tw:items-center tw:justify-center tw:rounded-md tw:bg-accent tw:text-accent-foreground',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\ntype LabelProps = ComponentProps<'p'>;\n\nconst StatCardLabel = ({ className, children, ...rest }: LabelProps) => (\n  <p\n    className={cn('tw:m-0 tw:text-sm tw:font-medium tw:text-muted-foreground', className)}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype ValueProps = ComponentProps<'p'>;\n\nconst StatCardValue = ({ className, children, ...rest }: ValueProps) => (\n  <p\n    className={cn(\n      'tw:m-0 tw:text-3xl tw:font-semibold tw:leading-tight tw:tracking-tight tw:text-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype TrendProps = ComponentProps<'span'> & {\n  /** Sets the semantic colour. */\n  direction?: TrendDirection;\n  icon?: ReactNode;\n};\n\nconst StatCardTrend = ({ className, direction = 'flat', icon, children, ...rest }: TrendProps) => (\n  <span className={trendClassnames({ direction, className })} {...rest}>\n    {icon}\n    {children}\n  </span>\n);\n\ntype FootnoteProps = ComponentProps<'p'>;\n\nconst StatCardFootnote = ({ className, children, ...rest }: FootnoteProps) => (\n  <p className={cn('tw:m-0 tw:text-xs tw:text-muted-foreground', className)} {...rest}>\n    {children}\n  </p>\n);\n\nexport const StatCard = StatCardRoot as typeof StatCardRoot & {\n  Icon: typeof StatCardIcon;\n  Label: typeof StatCardLabel;\n  Value: typeof StatCardValue;\n  Trend: typeof StatCardTrend;\n  Footnote: typeof StatCardFootnote;\n};\n\nStatCard.Icon = StatCardIcon;\nStatCard.Label = StatCardLabel;\nStatCard.Value = StatCardValue;\nStatCard.Trend = StatCardTrend;\nStatCard.Footnote = StatCardFootnote;\n\nexport type {\n  RootProps as StatCardProps,\n  TrendProps as StatCardTrendProps,\n  TrendDirection as StatCardTrendDirection,\n};\n","import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst gridClassnames = cva(['tw:grid', 'tw:gap-4'], {\n  variants: {\n    columns: {\n      2: 'tw:grid-cols-1 tw:sm:grid-cols-2',\n      3: 'tw:grid-cols-1 tw:sm:grid-cols-2 tw:lg:grid-cols-3',\n      4: 'tw:grid-cols-1 tw:sm:grid-cols-2 tw:lg:grid-cols-4',\n    },\n  },\n  defaultVariants: {\n    columns: 4,\n  },\n});\n\ntype Props = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;\n\n/**\n * Responsive strip of KPI tiles. Lay `StatCard`s inside it at the top of a dashboard.\n * `columns` caps the tiles per row on large screens; the grid collapses to one column on\n * mobile and two on small screens.\n */\nexport const StatCardGrid = ({ className, columns = 4, children, ...rest }: Props) => (\n  <div className={gridClassnames({ columns, className })} {...rest}>\n    {children}\n  </div>\n);\n\nexport type { Props as StatCardGridProps };\n"],"mappings":";;;;;AAOA,MAAM,kBAAkB,IACtB;CAAC;CAAkB;CAAmB;CAAY;CAAc;AAAgB,GAChF;CACE,UAAU,EACR,WAAW;EACT,IAAI;EACJ,MAAM;EACN,MAAM;CACR,EACF;CACA,iBAAiB,EACf,WAAW,OACb;AACF,CACF;;;;;;;AAYA,MAAM,gBAAgB,EAAE,WAAW,UAAU,WAAW,MAAM,GAAG,WAC/D,oBAAC,MAAD;CAAgB;CAAU,WAAW,GAAG,YAAY,SAAS;CAAG,MAAK;CAAQ,GAAI;CAC9E;AACG,CAAA;AAKR,MAAM,gBAAgB,EAAE,WAAW,UAAU,GAAG,WAC9C,oBAAC,OAAD;CACE,WAAW,GACT,4GACA,gDACA,SACF;CACA,GAAI;CAEH;AACE,CAAA;AAKP,MAAM,iBAAiB,EAAE,WAAW,UAAU,GAAG,WAC/C,oBAAC,KAAD;CACE,WAAW,GAAG,6DAA6D,SAAS;CACpF,GAAI;CAEH;AACA,CAAA;AAKL,MAAM,iBAAiB,EAAE,WAAW,UAAU,GAAG,WAC/C,oBAAC,KAAD;CACE,WAAW,GACT,6FACA,SACF;CACA,GAAI;CAEH;AACA,CAAA;AASL,MAAM,iBAAiB,EAAE,WAAW,YAAY,QAAQ,MAAM,UAAU,GAAG,WACzE,qBAAC,QAAD;CAAM,WAAW,gBAAgB;EAAE;EAAW;CAAU,CAAC;CAAG,GAAI;CAAhE,UAAA,CACG,MACA,QACG;;AAKR,MAAM,oBAAoB,EAAE,WAAW,UAAU,GAAG,WAClD,oBAAC,KAAD;CAAG,WAAW,GAAG,8CAA8C,SAAS;CAAG,GAAI;CAC5E;AACA,CAAA;AAGL,MAAa,WAAW;AAQxB,SAAS,OAAO;AAChB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,WAAW;;;AC5GpB,MAAM,iBAAiB,IAAI,CAAC,WAAW,UAAU,GAAG;CAClD,UAAU,EACR,SAAS;EACP,GAAG;EACH,GAAG;EACH,GAAG;CACL,EACF;CACA,iBAAiB,EACf,SAAS,EACX;AACF,CAAC;;;;;;AASD,MAAa,gBAAgB,EAAE,WAAW,UAAU,GAAG,UAAU,GAAG,WAClE,oBAAC,OAAD;CAAK,WAAW,eAAe;EAAE;EAAS;CAAU,CAAC;CAAG,GAAI;CACzD;AACE,CAAA"}
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/blocks/StatCard/StatCard.tsx","../../../src/blocks/StatCard/StatCardGrid.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { Card } from '../../components/Card';\nimport { cn } from '../../utils';\n\nconst trendClassnames = cva(\n  ['tw:inline-flex', 'tw:items-center', 'tw:gap-1', 'tw:text-sm', 'tw:font-medium'],\n  {\n    variants: {\n      direction: {\n        up: 'tw:text-success',\n        down: 'tw:text-destructive',\n        flat: 'tw:text-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      direction: 'flat',\n    },\n  },\n);\n\ntype TrendDirection = NonNullable<VariantProps<typeof trendClassnames>['direction']>;\n\ntype RootProps = ComponentProps<typeof Card>;\n\n/**\n * A single KPI / metric tile over `Card`.\n *\n * **When to use:** dashboard headline numbers, usually in a `StatCardGrid`.\n * **When NOT to use:** charts (`ChartPanel`) or generic surfaces (`Card`).\n */\nconst StatCardRoot = ({ className, children, bordered = true, ...rest }: RootProps) => (\n  <Card bordered={bordered} className={cn('tw:gap-2', className)} role=\"group\" {...rest}>\n    {children}\n  </Card>\n);\n\ntype IconProps = ComponentProps<'div'>;\n\nconst StatCardIcon = ({ className, children, ...rest }: IconProps) => (\n  <div\n    className={cn(\n      'tw:flex tw:size-9 tw:items-center tw:justify-center tw:rounded-md tw:bg-accent tw:text-accent-foreground',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\ntype LabelProps = ComponentProps<'p'>;\n\nconst StatCardLabel = ({ className, children, ...rest }: LabelProps) => (\n  <p\n    className={cn('tw:m-0 tw:text-sm tw:font-medium tw:text-muted-foreground', className)}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype ValueProps = ComponentProps<'p'>;\n\nconst StatCardValue = ({ className, children, ...rest }: ValueProps) => (\n  <p\n    className={cn(\n      'tw:m-0 tw:text-3xl tw:font-semibold tw:leading-tight tw:tracking-tight tw:text-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype TrendProps = ComponentProps<'span'> & {\n  /** Sets the semantic colour. */\n  direction?: TrendDirection;\n  icon?: ReactNode;\n};\n\nconst StatCardTrend = ({ className, direction = 'flat', icon, children, ...rest }: TrendProps) => (\n  <span className={trendClassnames({ direction, className })} {...rest}>\n    {icon}\n    {children}\n  </span>\n);\n\ntype FootnoteProps = ComponentProps<'p'>;\n\nconst StatCardFootnote = ({ className, children, ...rest }: FootnoteProps) => (\n  <p className={cn('tw:m-0 tw:text-xs tw:text-muted-foreground', className)} {...rest}>\n    {children}\n  </p>\n);\n\nexport const StatCard = StatCardRoot as typeof StatCardRoot & {\n  Icon: typeof StatCardIcon;\n  Label: typeof StatCardLabel;\n  Value: typeof StatCardValue;\n  Trend: typeof StatCardTrend;\n  Footnote: typeof StatCardFootnote;\n};\n\nStatCard.Icon = StatCardIcon;\nStatCard.Label = StatCardLabel;\nStatCard.Value = StatCardValue;\nStatCard.Trend = StatCardTrend;\nStatCard.Footnote = StatCardFootnote;\n\nexport type {\n  RootProps as StatCardProps,\n  TrendProps as StatCardTrendProps,\n  TrendDirection as StatCardTrendDirection,\n};\n","import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst gridClassnames = cva(['tw:grid', 'tw:gap-4'], {\n  variants: {\n    columns: {\n      2: 'tw:grid-cols-1 tw:sm:grid-cols-2',\n      3: 'tw:grid-cols-1 tw:sm:grid-cols-2 tw:lg:grid-cols-3',\n      4: 'tw:grid-cols-1 tw:sm:grid-cols-2 tw:lg:grid-cols-4',\n    },\n  },\n  defaultVariants: {\n    columns: 4,\n  },\n});\n\ntype Props = ComponentProps<'div'> & VariantProps<typeof gridClassnames>;\n\n/**\n * Responsive strip of KPI tiles. Lay `StatCard`s inside it at the top of a dashboard.\n * `columns` caps the tiles per row on large screens; the grid collapses to one column on\n * mobile and two on small screens.\n */\nexport const StatCardGrid = ({ className, columns = 4, children, ...rest }: Props) => (\n  <div className={gridClassnames({ columns, className })} {...rest}>\n    {children}\n  </div>\n);\n\nexport type { Props as StatCardGridProps };\n"],"mappings":";;;;;AAOA,MAAM,kBAAkB,IACtB;CAAC;CAAkB;CAAmB;CAAY;CAAc;AAAgB,GAChF;CACE,UAAU,EACR,WAAW;EACT,IAAI;EACJ,MAAM;EACN,MAAM;CACR,EACF;CACA,iBAAiB,EACf,WAAW,OACb;AACF,CACF;;;;;;;AAYA,MAAM,gBAAgB,EAAE,WAAW,UAAU,WAAW,MAAM,GAAG,WAC/D,oBAAC,MAAD;CAAgB;CAAU,WAAW,GAAG,YAAY,SAAS;CAAG,MAAK;CAAQ,GAAI;CAC9E;AACG,CAAA;AAKR,MAAM,gBAAgB,EAAE,WAAW,UAAU,GAAG,WAC9C,oBAAC,OAAD;CACE,WAAW,GACT,4GACA,gDACA,SACF;CACA,GAAI;CAEH;AACE,CAAA;AAKP,MAAM,iBAAiB,EAAE,WAAW,UAAU,GAAG,WAC/C,oBAAC,KAAD;CACE,WAAW,GAAG,6DAA6D,SAAS;CACpF,GAAI;CAEH;AACA,CAAA;AAKL,MAAM,iBAAiB,EAAE,WAAW,UAAU,GAAG,WAC/C,oBAAC,KAAD;CACE,WAAW,GACT,6FACA,SACF;CACA,GAAI;CAEH;AACA,CAAA;AASL,MAAM,iBAAiB,EAAE,WAAW,YAAY,QAAQ,MAAM,UAAU,GAAG,WACzE,qBAAC,QAAD;CAAM,WAAW,gBAAgB;EAAE;EAAW;CAAU,CAAC;CAAG,GAAI;CAAhE,UAAA,CACG,MACA,QACG;;AAKR,MAAM,oBAAoB,EAAE,WAAW,UAAU,GAAG,WAClD,oBAAC,KAAD;CAAG,WAAW,GAAG,8CAA8C,SAAS;CAAG,GAAI;CAC5E;AACA,CAAA;AAGL,MAAa,WAAW;AAQxB,SAAS,OAAO;AAChB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,WAAW;;AC5GpB,MAAM,iBAAiB,IAAI,CAAC,WAAW,UAAU,GAAG;CAClD,UAAU,EACR,SAAS;EACP,GAAG;EACH,GAAG;EACH,GAAG;CACL,EACF;CACA,iBAAiB,EACf,SAAS,EACX;AACF,CAAC;;;;;;AASD,MAAa,gBAAgB,EAAE,WAAW,UAAU,GAAG,UAAU,GAAG,WAClE,oBAAC,OAAD;CAAK,WAAW,eAAe;EAAE;EAAS;CAAU,CAAC;CAAG,GAAI;CACzD;AACE,CAAA"}

package/dist/internal/blocks/TextInput.js

@@ -1,2 +1 @@
-import { TextInput } from "../../TextInput-CR0_USaY.js";
-export { TextInput };
+export { TextInput } from "../../TextInput--1CfZybC.js";

package/dist/internal/blocks/Textarea.js

@@ -1,7 +1,7 @@
-import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
-import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
+import { InputGroup } from "../../InputGroup-BWeanEo7.js";
+import { useControllableState } from "../../useControllableState-BCvUOC6G.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/blocks/Textarea/Textarea.tsx
+// src/blocks/Textarea/Textarea.tsx
 /** Multi-line text input in `InputGroup` chrome. */
 const Textarea = ({ ref, containerClassName, state = "default", focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }) => {
 	const [value, setValue] = useControllableState({
@@ -21,7 +21,6 @@ const Textarea = ({ ref, containerClassName, state = "default", focusVariant, va
 		})
 	});
 };
-//#endregion
 export { Textarea };
 
 //# sourceMappingURL=Textarea.js.map

package/dist/internal/blocks/TimeInput.js

@@ -1,12 +1,12 @@
-import { createChangeInputEvent } from "../../utils-DwC9u0tM.js";
+import { createChangeInputEvent } from "../../utils-DjFceY3H.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
-import { Clock, X } from "../../icons-ZIeZXXS7.js";
-import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
-import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
-import { TimePicker } from "../../TimePicker-lk3NGqeK.js";
+import { Clock, X } from "../../icons-DDR9dFSr.js";
+import { InputGroup } from "../../InputGroup-BWeanEo7.js";
+import { useControllableState } from "../../useControllableState-BCvUOC6G.js";
+import { TimePicker } from "../../TimePicker-CCV3SOw5.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/blocks/TimeInput/TimeInput.tsx
+// src/blocks/TimeInput/TimeInput.tsx
 const TimeInput = ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear = false, disabled, readOnly, placeholder = "Select time", ...restInputProps }) => {
 	const inputRef = useRef(null);
 	const [isOpen, setIsOpen] = useState(false);
@@ -69,7 +69,6 @@ const TimeInput = ({ ref, state, focusVariant, className, value: valueProp, defa
 		})]
 	});
 };
-//#endregion
 export { TimeInput };
 
 //# sourceMappingURL=TimeInput.js.map

package/dist/internal/components/Alert.js

@@ -1,2 +1 @@
-import { Alert } from "../../Alert-Chz6KZ7e.js";
-export { Alert };
+export { Alert } from "../../Alert-DziS8n1H.js";

package/dist/internal/components/AlertModal.js

@@ -1,2 +1 @@
-import { AlertModal } from "../../AlertModal-DMsn62JJ.js";
-export { AlertModal };
+export { AlertModal } from "../../AlertModal-De04fFoy.js";

package/dist/internal/components/Avatar.js

@@ -1,8 +1,8 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
-import { useSHA256 } from "../../utils-DwC9u0tM.js";
+import { cn } from "../../classNames-DkX30VJU.js";
+import { useSHA256 } from "../../utils-DjFceY3H.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import BoringAvatar from "boring-avatars";
-//#region src/components/Avatar.tsx
+// src/components/Avatar.tsx
 const RANDOM_UUID = crypto.randomUUID();
 const styles = {
 	wrapper: {
@@ -47,7 +47,6 @@ const Avatar = ({ ref, user, fallback, size = 36, className, variant = "circle",
 		})]
 	});
 };
-//#endregion
 export { Avatar };
 
 //# sourceMappingURL=Avatar.js.map

package/dist/internal/components/Badge.js

@@ -1,2 +1 @@
-import { Badge } from "../../Badge-CqlOE5A2.js";
-export { Badge };
+export { Badge } from "../../Badge-CFRhducL.js";

package/dist/internal/components/BrandLogo.js

@@ -1,2 +1 @@
-import { BrandLogo } from "../../BrandLogo-DkESE19K.js";
-export { BrandLogo };
+export { BrandLogo } from "../../BrandLogo-Dn7hhp2c.js";

package/dist/internal/components/Breadcrumb.js

@@ -1,2 +1 @@
-import { Breadcrumb } from "../../Breadcrumb-DbqvDnYl.js";
-export { Breadcrumb };
+export { Breadcrumb } from "../../Breadcrumb-uGFEIjFF.js";

package/dist/internal/components/Button.js

@@ -1,2 +1 @@
-import { Button, ButtonInline, buttonVariants } from "../../Button-BNkyYU8u.js";
-export { Button, ButtonInline, buttonVariants };
+export { Button, ButtonInline, buttonVariants } from "../../Button-DbvGzEDb.js";

package/dist/internal/components/ButtonGroup.js

@@ -1,7 +1,7 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/ButtonGroup/ButtonGroup.tsx
+// src/components/ButtonGroup/ButtonGroup.tsx
 const buttonGroupVariant = cva([
 	"tailwindcss-preflight",
 	"tw:inline-flex",
@@ -60,7 +60,6 @@ const ButtonGroup = ({ ref, children, space = "small", className, variant, ...re
 		children
 	});
 };
-//#endregion
 export { ButtonGroup };
 
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/internal/components/Calendar.js

@@ -1,2 +1 @@
-import { Calendar } from "../../Calendar-BnKi1kPu.js";
-export { Calendar };
+export { Calendar } from "../../Calendar-lJBTETbk.js";

package/dist/internal/components/Card.js

@@ -1,2 +1 @@
-import { Card } from "../../Card-DxjGiqH8.js";
-export { Card };
+export { Card } from "../../Card-VIPfOVW5.js";

package/dist/internal/components/Checkbox.js

@@ -1,2 +1 @@
-import { Checkbox } from "../../Checkbox-CHDDJyAA.js";
-export { Checkbox };
+export { Checkbox } from "../../Checkbox-B2jLlyaO.js";

package/dist/internal/components/Clipboard.js

@@ -1,2 +1 @@
-import { Clipboard } from "../../Clipboard-DlwVZS1P.js";
-export { Clipboard };
+export { Clipboard } from "../../Clipboard-fAkDdpEu.js";

package/dist/internal/components/Collapsible.js

@@ -1,2 +1 @@
-import { Collapsible } from "../../Collapsible-DD4xTL75.js";
-export { Collapsible };
+export { Collapsible } from "../../Collapsible-zsXk4Vpp.js";

package/dist/internal/components/CollapsiblePanel.js

@@ -1,11 +1,11 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
-import { keyCodes } from "../../utils-DwC9u0tM.js";
-import { ChevronDown } from "../../icons-ZIeZXXS7.js";
-import { Collapsible } from "../../Collapsible-DD4xTL75.js";
+import { cn } from "../../classNames-DkX30VJU.js";
+import { keyCodes } from "../../utils-DjFceY3H.js";
+import { ChevronDown } from "../../icons-DDR9dFSr.js";
+import { Collapsible } from "../../Collapsible-zsXk4Vpp.js";
 import { useState } from "react";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/CollapsiblePanel.tsx
+// src/components/CollapsiblePanel.tsx
 const headerVariants = cva("tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground", {
 	variants: {
 		variant: {
@@ -81,7 +81,6 @@ const CollapsiblePanel = ({ header, className, bodyClassName, headerClassName, d
 		}) })]
 	});
 };
-//#endregion
 export { CollapsiblePanel };
 
 //# sourceMappingURL=CollapsiblePanel.js.map

package/dist/internal/components/Combobox.js

@@ -1,2 +1 @@
-import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "../../Combobox-BLqX-Tdh.js";
-export { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues };
+export { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "../../Combobox-DYjvYgl3.js";

package/dist/internal/components/DatePicker.js

@@ -1,2 +1 @@
-import { DatePicker } from "../../DatePicker-Cg_aG_N4.js";
-export { DatePicker };
+export { DatePicker } from "../../DatePicker-CI59gF3S.js";

package/dist/internal/components/DateRangePicker.js

@@ -1,2 +1 @@
-import { DateRangePicker } from "../../DateRangePicker-m47cSV1r.js";
-export { DateRangePicker };
+export { DateRangePicker } from "../../DateRangePicker-48yOB2qV.js";

package/dist/internal/components/DiffView.js

@@ -1,2 +1 @@
-import { DiffType, DiffView, computeDiffRows, computeLineInformation } from "../../DiffView-Dy4z-n-1.js";
-export { DiffType, DiffView, computeDiffRows, computeLineInformation };
+export { DiffType, DiffView, computeDiffRows, computeLineInformation } from "../../DiffView-DITZdVbh.js";

package/dist/internal/components/DotsLoader.js

@@ -1,6 +1,6 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/DotsLoader.tsx
+// src/components/DotsLoader.tsx
 const DOT_CLASS_NAME = cn("tw:h-1.5", "tw:w-1.5", "tw:rounded-full", "tw:bg-muted-foreground");
 const DotsLoader = ({ className }) => {
 	return /* @__PURE__ */ jsxs("div", {
@@ -12,7 +12,6 @@ const DotsLoader = ({ className }) => {
 		]
 	});
 };
-//#endregion
 export { DotsLoader };
 
 //# sourceMappingURL=DotsLoader.js.map

package/dist/internal/components/DropdownMenu.js

@@ -1,2 +1 @@
-import { DropdownMenu } from "../../DropdownMenu-Bum99mVf.js";
-export { DropdownMenu };
+export { DropdownMenu } from "../../DropdownMenu-Ba9atqDa.js";

package/dist/internal/components/EmptySearchContent.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-//#region src/components/EmptySearchContent.tsx
+// src/components/EmptySearchContent.tsx
 const EmptySearchContent = ({ children = "No results found." }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: "tw:px-0 tw:py-[30px] tw:text-center tw:text-sm tw:text-muted-foreground",
 		children
 	});
 };
-//#endregion
 export { EmptySearchContent };
 
 //# sourceMappingURL=EmptySearchContent.js.map

package/dist/internal/components/FileUpload.js

@@ -1,2 +1 @@
-import { FileUpload, useFileDropTarget, useFileUploadRejections } from "../../FileUpload-BYFONpEl.js";
-export { FileUpload, useFileDropTarget, useFileUploadRejections };
+export { FileUpload, useFileDropTarget, useFileUploadRejections } from "../../FileUpload-DskvxhAr.js";

package/dist/internal/components/FullScreenModal.js

@@ -1,2 +1 @@
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "../../FullScreenModal-DAvvlGOz.js";
-export { FullScreenModal, FullScreenModalBody, FullScreenModalHeader };
+export { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "../../FullScreenModal-RzY5XxiG.js";

package/dist/internal/components/HelpBlock.js

@@ -1,6 +1,6 @@
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/HelpBlock/HelpBlock.tsx
+// src/components/HelpBlock/HelpBlock.tsx
 const helpVariants = cva(["tw:m-0", "tw:text-xs"], {
 	defaultVariants: { state: "default" },
 	variants: { state: {
@@ -19,7 +19,6 @@ const HelpBlock = ({ children, className, state = "default", ...rest }) => {
 		children
 	});
 };
-//#endregion
 export { HelpBlock };
 
 //# sourceMappingURL=HelpBlock.js.map

package/dist/internal/components/HoverCard.js

@@ -1,2 +1 @@
-import { HoverCard } from "../../HoverCard-Cf9iYyaW.js";
-export { HoverCard };
+export { HoverCard } from "../../HoverCard-OGWKRXJ7.js";

package/dist/internal/components/InputGroup.js

@@ -1,2 +1 @@
-import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
-export { InputGroup };
+export { InputGroup } from "../../InputGroup-BWeanEo7.js";

package/dist/internal/components/Kbd.js

@@ -1,2 +1 @@
-import { Kbd, kbdVariants, keys } from "../../Kbd-CflKthfu.js";
-export { Kbd, kbdVariants, keys };
+export { Kbd, kbdVariants, keys } from "../../Kbd-BprYCICe.js";

package/dist/internal/components/Label.js

@@ -1,7 +1,7 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.js";
 import { jsx } from "react/jsx-runtime";
 import * as RLabel from "@radix-ui/react-label";
-//#region src/components/Label/Label.tsx
+// src/components/Label/Label.tsx
 /**
 * Decorative optional marker (`(optional)`). Like `Label.Required` it is `aria-hidden`, so it is
 * purely visual — optionality is conveyed by the *absence* of `aria-required`/`required` on the
@@ -33,7 +33,6 @@ const Label = ({ className, children, id, htmlFor, ...rest }) => /* @__PURE__ */
 });
 Label.Optional = Optional;
 Label.Required = Required;
-//#endregion
 export { Label };
 
 //# sourceMappingURL=Label.js.map

package/dist/internal/components/Link.js

@@ -1,6 +1,6 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
+import { cn } from "../../classNames-DkX30VJU.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Link.tsx
+// src/components/Link.tsx
 const Link = ({ ref, children, target = "_blank", rel = "noopener noreferrer", onClick, className, ...rest }) => {
 	const handleOnClick = (event) => {
 		event.stopPropagation();
@@ -16,7 +16,6 @@ const Link = ({ ref, children, target = "_blank", rel = "noopener noreferrer", o
 		children
 	});
 };
-//#endregion
 export { Link };
 
 //# sourceMappingURL=Link.js.map

package/dist/internal/components/MarkedText.js

@@ -1,2 +1 @@
-import { MarkedText } from "../../MarkedText-DlmlJO0u.js";
-export { MarkedText };
+export { MarkedText } from "../../MarkedText-BrganZ_V.js";

package/dist/internal/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.js

@@ -1,7 +1,7 @@
-import { cn } from "../../../../classNames-DcGnTh2N.js";
-import { AlertTriangle, CircleCheck } from "../../../../icons-ZIeZXXS7.js";
+import { cn } from "../../../../classNames-DkX30VJU.js";
+import { AlertTriangle, CircleCheck } from "../../../../icons-DDR9dFSr.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.tsx
+// src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.tsx
 const ConflictStatusIndicator = ({ remainingConflicts, remainingSafeChanges }) => {
 	const hasConflicts = remainingConflicts > 0;
 	const allDone = !hasConflicts && remainingSafeChanges === 0;
@@ -14,7 +14,6 @@ const ConflictStatusIndicator = ({ remainingConflicts, remainingSafeChanges }) =
 		children: [allDone ? /* @__PURE__ */ jsx(CircleCheck, { className: "tw:size-4" }) : /* @__PURE__ */ jsx(AlertTriangle, { className: "tw:size-4" }), allDone ? "All changes resolved" : `${parts.join(", ")} remaining`]
 	});
 };
-//#endregion
 export { ConflictStatusIndicator };
 
 //# sourceMappingURL=ConflictStatusIndicator.js.map

package/dist/internal/components/MergeEditor/PaneHeader.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/MergeEditor/PaneHeader.tsx
+// src/components/MergeEditor/PaneHeader.tsx
 const PaneHeader = ({ label, sublabel }) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 	className: "tw:m-0 tw:text-sm tw:font-medium tw:text-foreground",
 	children: label
@@ -7,7 +7,6 @@ const PaneHeader = ({ label, sublabel }) => /* @__PURE__ */ jsxs("div", { childr
 	className: "tw:m-0 tw:text-xs tw:text-muted-foreground",
 	children: sublabel
 })] });
-//#endregion
 export { PaneHeader };
 
 //# sourceMappingURL=PaneHeader.js.map

package/dist/internal/components/MergeEditor/constants.js

@@ -1,4 +1,4 @@
-//#region src/components/MergeEditor/constants.ts
+// src/components/MergeEditor/constants.ts
 const CHUNK_TYPE = {
 	UNCHANGED: "unchanged",
 	ADDED: "added",
@@ -12,7 +12,6 @@ const CHANGE_CLASS = {
 const LINE_HEIGHT_PX = 20;
 /** Must match the rendered header height in MergePane (py-3 + content + border) */
 const PANE_HEADER_HEIGHT_PX = 58;
-//#endregion
 export { CHANGE_CLASS, CHUNK_TYPE, LINE_HEIGHT_PX, PANE_HEADER_HEIGHT_PX };
 
 //# sourceMappingURL=constants.js.map

package/dist/internal/components/MergeEditor/useMergeDiff.js

@@ -1,2 +1 @@
-import { useMergeDiff } from "../../../useMergeDiff-CvowEXJ1.js";
-export { useMergeDiff };
+export { useMergeDiff } from "../../../useMergeDiff-DFIATaTw.js";

package/dist/internal/components/Modal.js

@@ -1,2 +1 @@
-import { Modal } from "../../Modal-DwuvuiUx.js";
-export { Modal };
+export { Modal } from "../../Modal-Cf_kPEBW.js";

package/dist/internal/components/Navbar.js

@@ -1,2 +1 @@
-import { Navbar } from "../../Navbar-DHUS7XiU.js";
-export { Navbar };
+export { Navbar } from "../../Navbar-CRjxVboE.js";

package/dist/internal/components/Pagination.js

@@ -1,2 +1 @@
-import { Pagination } from "../../Pagination-D27x5KmH.js";
-export { Pagination };
+export { Pagination } from "../../Pagination-DrXTrvfD.js";

package/dist/internal/components/PanelWithDetails.js

@@ -1,9 +1,9 @@
-import { cn } from "../../classNames-DcGnTh2N.js";
-import { ChevronDown } from "../../icons-ZIeZXXS7.js";
-import { Collapsible } from "../../Collapsible-DD4xTL75.js";
+import { cn } from "../../classNames-DkX30VJU.js";
+import { ChevronDown } from "../../icons-DDR9dFSr.js";
+import { Collapsible } from "../../Collapsible-zsXk4Vpp.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/PanelWithDetails.tsx
+// src/components/PanelWithDetails.tsx
 const PanelWithDetails = ({ defaultExpanded = false, labelCollapse = "Hide details", labelOpen = "Show details", placement = "top", children }) => {
 	const [isOpen, setIsOpen] = useState(defaultExpanded);
 	return /* @__PURE__ */ jsxs(Collapsible, {
@@ -25,7 +25,6 @@ const PanelWithDetails = ({ defaultExpanded = false, labelCollapse = "Hide detai
 		}) })]
 	});
 };
-//#endregion
 export { PanelWithDetails };
 
 //# sourceMappingURL=PanelWithDetails.js.map

package/dist/internal/components/Popconfirm.js

@@ -1,2 +1 @@
-import { Popconfirm } from "../../Popconfirm-p72DiagN.js";
-export { Popconfirm };
+export { Popconfirm } from "../../Popconfirm-BJuDOHdv.js";