@keboola/design 10.1.0 → 11.0.1

package/dist/internal/components/CollapsiblePanel.js

@@ -0,0 +1,87 @@
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { keyCodes } from "../../utils-D0c5VAyF.js";
+import { ChevronDown } from "../../icons-Cek151jC.js";
+import { Collapsible } from "../../Collapsible-BQXWEOBC.js";
+import { useState } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region 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: {
+			default: "tw:bg-muted",
+			white: "tw:bg-card"
+		},
+		isDisabled: {
+			true: "tw:cursor-not-allowed tw:opacity-50",
+			false: ""
+		},
+		hasEnforcedState: {
+			true: "",
+			false: ""
+		}
+	},
+	compoundVariants: [{
+		isDisabled: false,
+		hasEnforcedState: false,
+		class: "tw:cursor-pointer tw:hover:text-primary"
+	}],
+	defaultVariants: {
+		variant: "default",
+		isDisabled: false,
+		hasEnforcedState: false
+	}
+});
+const CollapsiblePanel = ({ header, className, bodyClassName, headerClassName, defaultExpanded = false, isDisabled = false, children, isOpen, onToggle, variant = "default" }) => {
+	const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);
+	const open = isOpen ?? isUncontrolledOpen;
+	const hasEnforcedState = isOpen !== void 0 && onToggle === void 0;
+	const handleCollapse = (event) => {
+		if (event) event.stopPropagation();
+		if (!isDisabled) setIsUncontrolledOpen(!isUncontrolledOpen);
+	};
+	const handleClick = (e) => {
+		if (onToggle) {
+			onToggle(e);
+			return;
+		}
+		handleCollapse(e);
+	};
+	const handleKeyUp = (e) => {
+		if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) handleClick(e);
+	};
+	return /* @__PURE__ */ jsxs(Collapsible, {
+		open,
+		className: cn("tw:group tw:flex tw:flex-col tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn(headerVariants({
+				variant,
+				isDisabled,
+				hasEnforcedState
+			}), headerClassName),
+			...!hasEnforcedState && !isDisabled && {
+				role: "button",
+				tabIndex: 0,
+				onClick: handleClick,
+				onKeyUp: handleKeyUp
+			},
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground",
+				children: header
+			}), !isDisabled && /* @__PURE__ */ jsx("div", {
+				className: "tw:ml-auto tw:shrink-0",
+				children: /* @__PURE__ */ jsx(ChevronDown, {
+					"data-state": open ? "open" : "closed",
+					className: "tw:size-5 tw:data-[state=open]:rotate-180"
+				})
+			})]
+		}), /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx("div", {
+			className: cn("tw:px-4 tw:py-3", bodyClassName),
+			children
+		}) })]
+	});
+};
+//#endregion
+export { CollapsiblePanel };
+
+//# sourceMappingURL=CollapsiblePanel.js.map

package/dist/internal/components/CollapsiblePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.js","names":[],"sources":["../../../src/components/CollapsiblePanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\n\nimport { keyCodes } from '../constants/keyCodes';\nimport { ChevronDown } from '../icons';\nimport { cn } from '../utils';\n\nimport { Collapsible } from './Collapsible';\n\nconst headerVariants = cva(\n  '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',\n  {\n    variants: {\n      variant: {\n        default: 'tw:bg-muted',\n        white: 'tw:bg-card',\n      },\n      isDisabled: {\n        true: 'tw:cursor-not-allowed tw:opacity-50',\n        false: '',\n      },\n      hasEnforcedState: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: false,\n        hasEnforcedState: false,\n        class: 'tw:cursor-pointer tw:hover:text-primary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      isDisabled: false,\n      hasEnforcedState: false,\n    },\n  },\n);\n\ntype Props = {\n  header: ReactNode;\n  isDisabled?: boolean;\n  defaultExpanded?: boolean;\n  className?: string;\n  bodyClassName?: string;\n  headerClassName?: string;\n  isOpen?: boolean;\n  onToggle?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n  variant?: 'default' | 'white';\n  children: ReactNode;\n};\n\nexport const CollapsiblePanel = ({\n  header,\n  className,\n  bodyClassName,\n  headerClassName,\n  defaultExpanded = false,\n  isDisabled = false,\n  children,\n  isOpen,\n  onToggle,\n  variant = 'default',\n}: Props) => {\n  const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);\n  const open = isOpen ?? isUncontrolledOpen;\n  const hasEnforcedState = isOpen !== undefined && onToggle === undefined;\n\n  const handleCollapse = (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n    if (event) {\n      event.stopPropagation();\n    }\n    if (!isDisabled) {\n      setIsUncontrolledOpen(!isUncontrolledOpen);\n    }\n  };\n\n  const handleClick = (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n    if (onToggle) {\n      onToggle(e);\n      return;\n    }\n    handleCollapse(e);\n  };\n\n  const handleKeyUp = (e: KeyboardEvent<HTMLDivElement>) => {\n    if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) {\n      handleClick(e);\n    }\n  };\n\n  return (\n    // `header` is caller-supplied and routinely contains its own buttons, so the toggle stays on\n    // this wrapper — `Collapsible.Trigger` renders a `<button>` and would nest them.\n    <Collapsible\n      open={open}\n      className={cn(\n        'tw:group tw:flex tw:flex-col tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card',\n        className,\n      )}\n    >\n      <div\n        className={cn(headerVariants({ variant, isDisabled, hasEnforcedState }), headerClassName)}\n        {...(!hasEnforcedState &&\n          !isDisabled && {\n            role: 'button',\n            tabIndex: 0,\n            onClick: handleClick,\n            onKeyUp: handleKeyUp,\n          })}\n      >\n        <div className=\"tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground\">\n          {header}\n        </div>\n        {!isDisabled && (\n          <div className=\"tw:ml-auto tw:shrink-0\">\n            {/* `group-*` matches *any* ancestor `.group`, so a nested panel's chevron would\n                follow the outer panel's state. */}\n            <ChevronDown\n              data-state={open ? 'open' : 'closed'}\n              className=\"tw:size-5 tw:data-[state=open]:rotate-180\"\n            />\n          </div>\n        )}\n      </div>\n      <Collapsible.Content>\n        <div className={cn('tw:px-4 tw:py-3', bodyClassName)}>{children}</div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,iBAAiB,IACrB,+GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;EACT;EACA,YAAY;GACV,MAAM;GACN,OAAO;EACT;EACA,kBAAkB;GAChB,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB,CAChB;EACE,YAAY;EACZ,kBAAkB;EAClB,OAAO;CACT,CACF;CACA,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,kBAAkB;CACpB;AACF,CACF;AAeA,MAAa,oBAAoB,EAC/B,QACA,WACA,eACA,iBACA,kBAAkB,OAClB,aAAa,OACb,UACA,QACA,UACA,UAAU,gBACC;CACX,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,eAAe;CAC5E,MAAM,OAAO,UAAU;CACvB,MAAM,mBAAmB,WAAW,KAAA,KAAa,aAAa,KAAA;CAE9D,MAAM,kBAAkB,UAAsE;EAC5F,IAAI,OACF,MAAM,gBAAgB;EAExB,IAAI,CAAC,YACH,sBAAsB,CAAC,kBAAkB;CAE7C;CAEA,MAAM,eAAe,MAAkE;EACrF,IAAI,UAAU;GACZ,SAAS,CAAC;GACV;EACF;EACA,eAAe,CAAC;CAClB;CAEA,MAAM,eAAe,MAAqC;EACxD,IAAI,CAAC,SAAS,OAAO,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,GAAG,GACjD,YAAY,CAAC;CAEjB;CAEA,OAGE,qBAAC,aAAD;EACQ;EACN,WAAW,GACT,oGACA,SACF;EALF,UAAA,CAOE,qBAAC,OAAD;GACE,WAAW,GAAG,eAAe;IAAE;IAAS;IAAY;GAAiB,CAAC,GAAG,eAAe;GACxF,GAAK,CAAC,oBACJ,CAAC,cAAc;IACb,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;GACX;GARJ,UAAA,CAUE,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA;GACE,CAAA,GACJ,CAAC,cACA,oBAAC,OAAD;IAAK,WAAU;IAGb,UAAA,oBAAC,aAAD;KACE,cAAY,OAAO,SAAS;KAC5B,WAAU;IACX,CAAA;GACE,CAAA,CAEJ;EACL,CAAA,GAAA,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,OAAD;GAAK,WAAW,GAAG,mBAAmB,aAAa;GAAI;EAAc,CAAA,EAClD,CAAA,CACV;;AAEjB"}

package/dist/internal/components/Combobox.js

@@ -0,0 +1,2 @@
+import { Combobox } from "../../Combobox-c_xBjf0P.js";
+export { Combobox };

package/dist/internal/components/DatePicker.js

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

package/dist/internal/components/DateRangePicker.js

@@ -0,0 +1,2 @@
+import { DateRangePicker } from "../../DateRangePicker-BiUgtt_M.js";
+export { DateRangePicker };

package/dist/internal/components/DiffView.js

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

package/dist/internal/components/DotsLoader.js

@@ -0,0 +1,18 @@
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region 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", {
+		className: cn("tw:relative tw:-m-0.5 tw:flex tw:items-center tw:justify-center tw:gap-1", className),
+		children: [
+			/* @__PURE__ */ jsx("div", { className: cn(DOT_CLASS_NAME, "tw:animate-dot-pulse-1") }),
+			/* @__PURE__ */ jsx("div", { className: cn(DOT_CLASS_NAME, "tw:animate-dot-pulse-2") }),
+			/* @__PURE__ */ jsx("div", { className: cn(DOT_CLASS_NAME, "tw:animate-dot-pulse-3") })
+		]
+	});
+};
+//#endregion
+export { DotsLoader };
+
+//# sourceMappingURL=DotsLoader.js.map

package/dist/internal/components/DotsLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsLoader.js","names":[],"sources":["../../../src/components/DotsLoader.tsx"],"sourcesContent":["import { cn } from '../utils/classNames';\n\ntype DotsLoaderProps = {\n  className?: string;\n};\n\nconst DOT_CLASS_NAME = cn('tw:h-1.5', 'tw:w-1.5', 'tw:rounded-full', 'tw:bg-muted-foreground');\n\nexport const DotsLoader = ({ className }: DotsLoaderProps) => {\n  return (\n    <div\n      className={cn(\n        'tw:relative tw:-m-0.5 tw:flex tw:items-center tw:justify-center tw:gap-1',\n        className,\n      )}\n    >\n      <div className={cn(DOT_CLASS_NAME, 'tw:animate-dot-pulse-1')} />\n      <div className={cn(DOT_CLASS_NAME, 'tw:animate-dot-pulse-2')} />\n      <div className={cn(DOT_CLASS_NAME, 'tw:animate-dot-pulse-3')} />\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,MAAM,iBAAiB,GAAG,YAAY,YAAY,mBAAmB,wBAAwB;AAE7F,MAAa,cAAc,EAAE,gBAAiC;CAC5D,OACE,qBAAC,OAAD;EACE,WAAW,GACT,4EACA,SACF;EAJF,UAAA;GAME,oBAAC,OAAD,EAAK,WAAW,GAAG,gBAAgB,wBAAwB,EAAI,CAAA;GAC/D,oBAAC,OAAD,EAAK,WAAW,GAAG,gBAAgB,wBAAwB,EAAI,CAAA;GAC/D,oBAAC,OAAD,EAAK,WAAW,GAAG,gBAAgB,wBAAwB,EAAI,CAAA;EAC5D;;AAET"}

package/dist/internal/components/DropdownMenu.js

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

package/dist/internal/components/EmptySearchContent.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+//#region 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/EmptySearchContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySearchContent.js","names":[],"sources":["../../../src/components/EmptySearchContent.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\ntype Props = {\n  children?: ReactNode;\n};\n\nexport const EmptySearchContent = ({ children = 'No results found.' }: Props) => {\n  return (\n    <div className=\"tw:px-0 tw:py-[30px] tw:text-center tw:text-sm tw:text-muted-foreground\">\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;AAMA,MAAa,sBAAsB,EAAE,WAAW,0BAAiC;CAC/E,OACE,oBAAC,OAAD;EAAK,WAAU;EACZ;CACE,CAAA;AAET"}

package/dist/internal/components/FileUpload.js

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

package/dist/internal/components/FullScreenModal.js

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

package/dist/internal/components/HelpBlock.js

@@ -0,0 +1,25 @@
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/HelpBlock/HelpBlock.tsx
+const helpVariants = cva(["tw:m-0", "tw:text-xs"], {
+	defaultVariants: { state: "default" },
+	variants: { state: {
+		default: ["tw:text-muted-foreground"],
+		warning: ["tw:text-warning"]
+	} }
+});
+const HelpBlock = ({ children, className, state = "default", ...rest }) => {
+	if (!children) return null;
+	return /* @__PURE__ */ jsx("p", {
+		...rest,
+		className: helpVariants({
+			state,
+			className
+		}),
+		children
+	});
+};
+//#endregion
+export { HelpBlock };
+
+//# sourceMappingURL=HelpBlock.js.map

package/dist/internal/components/HelpBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBlock.js","names":[],"sources":["../../../src/components/HelpBlock/HelpBlock.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst helpVariants = cva(['tw:m-0', 'tw:text-xs'], {\n  defaultVariants: {\n    state: 'default',\n  },\n  variants: {\n    state: {\n      default: ['tw:text-muted-foreground'],\n      warning: ['tw:text-warning'],\n    },\n  },\n});\n\ntype Props = ComponentPropsWithRef<'p'> & VariantProps<typeof helpVariants>;\n\nexport const HelpBlock = ({ children, className, state = 'default', ...rest }: Props) => {\n  if (!children) return null;\n\n  return (\n    <p {...rest} className={helpVariants({ state, className })}>\n      {children}\n    </p>\n  );\n};\n"],"mappings":";;;AAGA,MAAM,eAAe,IAAI,CAAC,UAAU,YAAY,GAAG;CACjD,iBAAiB,EACf,OAAO,UACT;CACA,UAAU,EACR,OAAO;EACL,SAAS,CAAC,0BAA0B;EACpC,SAAS,CAAC,iBAAiB;CAC7B,EACF;AACF,CAAC;AAID,MAAa,aAAa,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,WAAkB;CACvF,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,oBAAC,KAAD;EAAG,GAAI;EAAM,WAAW,aAAa;GAAE;GAAO;EAAU,CAAC;EACtD;CACA,CAAA;AAEP"}

package/dist/internal/components/HoverCard.js

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

package/dist/internal/components/InputGroup.js

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

package/dist/internal/components/Kbd.js

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

package/dist/internal/components/Label.js

@@ -0,0 +1,39 @@
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { jsx } from "react/jsx-runtime";
+import * as RLabel from "@radix-ui/react-label";
+//#region 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
+* associated control, not by this text.
+*/
+const Optional = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	...props,
+	"aria-hidden": true,
+	className: cn("tw:ml-0.5", "tw:text-muted-foreground", className),
+	children: "(optional)"
+});
+/**
+* Decorative required marker (the `*`). It is `aria-hidden`, so it is purely visual and is **not**
+* announced by assistive tech — conveying the requirement is the caller's responsibility: set
+* `aria-required` (or `required`) on the associated control.
+*/
+const Required = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	...props,
+	"aria-hidden": true,
+	className: cn("tw:ml-0.5", "tw:text-primary", className),
+	children: "*"
+});
+const Label = ({ className, children, id, htmlFor, ...rest }) => /* @__PURE__ */ jsx(RLabel.Root, {
+	...rest,
+	id: id?.toString(),
+	htmlFor: htmlFor?.toString(),
+	className: cn("tw:m-0 tw:text-foreground tw:font-normal tw:peer-disabled:opacity-50", className),
+	children
+});
+Label.Optional = Optional;
+Label.Required = Required;
+//#endregion
+export { Label };
+
+//# sourceMappingURL=Label.js.map

package/dist/internal/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport type { LabelProps } from '@radix-ui/react-label';\nimport * as RLabel from '@radix-ui/react-label';\n\nimport { cn } from '../../utils';\n\ntype Props = { id?: string | number; htmlFor?: string | number } & Omit<\n  LabelProps,\n  'id' | 'htmlFor'\n>;\n\n/**\n * Decorative optional marker (`(optional)`). Like `Label.Required` it is `aria-hidden`, so it is\n * purely visual — optionality is conveyed by the *absence* of `aria-required`/`required` on the\n * associated control, not by this text.\n */\nconst Optional = ({ className, ...props }: ComponentPropsWithRef<'span'>) => (\n  <span {...props} aria-hidden className={cn('tw:ml-0.5', 'tw:text-muted-foreground', className)}>\n    (optional)\n  </span>\n);\n\n/**\n * Decorative required marker (the `*`). It is `aria-hidden`, so it is purely visual and is **not**\n * announced by assistive tech — conveying the requirement is the caller's responsibility: set\n * `aria-required` (or `required`) on the associated control.\n */\nconst Required = ({ className, ...props }: ComponentPropsWithRef<'span'>) => (\n  <span {...props} aria-hidden className={cn('tw:ml-0.5', 'tw:text-primary', className)}>\n    *\n  </span>\n);\n\nexport const Label = ({ className, children, id, htmlFor, ...rest }: Props) => (\n  <RLabel.Root\n    {...rest}\n    id={id?.toString()}\n    htmlFor={htmlFor?.toString()}\n    className={cn(\n      'tw:m-0 tw:text-foreground tw:font-normal tw:peer-disabled:opacity-50',\n      className,\n    )}\n  >\n    {children}\n  </RLabel.Root>\n);\n\nLabel.Optional = Optional;\nLabel.Required = Required;\n"],"mappings":";;;;;;;;;AAgBA,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC,QAAD;CAAM,GAAI;CAAO,eAAA;CAAY,WAAW,GAAG,aAAa,4BAA4B,SAAS;CAAG,UAAA;AAE1F,CAAA;;;;;;AAQR,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC,QAAD;CAAM,GAAI;CAAO,eAAA;CAAY,WAAW,GAAG,aAAa,mBAAmB,SAAS;CAAG,UAAA;AAEjF,CAAA;AAGR,MAAa,SAAS,EAAE,WAAW,UAAU,IAAI,SAAS,GAAG,WAC3D,oBAAC,OAAO,MAAR;CACE,GAAI;CACJ,IAAI,IAAI,SAAS;CACjB,SAAS,SAAS,SAAS;CAC3B,WAAW,GACT,wEACA,SACF;CAEC;AACU,CAAA;AAGf,MAAM,WAAW;AACjB,MAAM,WAAW"}

package/dist/internal/components/Link.js

@@ -0,0 +1,22 @@
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Link.tsx
+const Link = ({ ref, children, target = "_blank", rel = "noopener noreferrer", onClick, className, ...rest }) => {
+	const handleOnClick = (event) => {
+		event.stopPropagation();
+		onClick?.(event);
+	};
+	return /* @__PURE__ */ jsx("a", {
+		...rest,
+		ref,
+		target,
+		rel,
+		onClick: handleOnClick,
+		className: cn("tw:text-primary tw:underline tw:hover:text-primary/90 tw:hover:no-underline", className),
+		children
+	});
+};
+//#endregion
+export { Link };
+
+//# sourceMappingURL=Link.js.map

package/dist/internal/components/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/Link.tsx"],"sourcesContent":["import type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn } from '../utils';\n\ntype Props = ComponentProps<'a'>;\n\nexport const Link = ({\n  ref,\n  children,\n  target = '_blank',\n  rel = 'noopener noreferrer',\n  onClick,\n  className,\n  ...rest\n}: Props) => {\n  const handleOnClick: MouseEventHandler<HTMLAnchorElement> = (event) => {\n    event.stopPropagation();\n    onClick?.(event);\n  };\n\n  return (\n    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n    <a\n      {...rest}\n      ref={ref}\n      target={target}\n      rel={rel}\n      onClick={handleOnClick}\n      className={cn(\n        'tw:text-primary tw:underline tw:hover:text-primary/90 tw:hover:no-underline',\n        className,\n      )}\n    >\n      {children}\n    </a>\n  );\n};\n"],"mappings":";;;AAMA,MAAa,QAAQ,EACnB,KACA,UACA,SAAS,UACT,MAAM,uBACN,SACA,WACA,GAAG,WACQ;CACX,MAAM,iBAAuD,UAAU;EACrE,MAAM,gBAAgB;EACtB,UAAU,KAAK;CACjB;CAEA,OAEE,oBAAC,KAAD;EACE,GAAI;EACC;EACG;EACH;EACL,SAAS;EACT,WAAW,GACT,+EACA,SACF;EAEC;CACA,CAAA;AAEP"}

package/dist/internal/components/MarkedText.js

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

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

@@ -0,0 +1,20 @@
+import { cn } from "../../../../classNames-BzrkDnOD.js";
+import { AlertTriangle, CircleCheck } from "../../../../icons-Cek151jC.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.tsx
+const ConflictStatusIndicator = ({ remainingConflicts, remainingSafeChanges }) => {
+	const hasConflicts = remainingConflicts > 0;
+	const allDone = !hasConflicts && remainingSafeChanges === 0;
+	const colorClass = hasConflicts ? "tw:text-warning-500" : allDone ? "tw:text-green-500" : "tw:text-muted-foreground";
+	const parts = [];
+	if (hasConflicts) parts.push(`${remainingConflicts} conflict${remainingConflicts !== 1 ? "s" : ""}`);
+	if (remainingSafeChanges > 0) parts.push(`${remainingSafeChanges} change${remainingSafeChanges !== 1 ? "s" : ""}`);
+	return /* @__PURE__ */ jsxs("p", {
+		className: cn("tw:m-0 tw:flex tw:items-center tw:gap-1.5 tw:text-sm tw:font-medium", colorClass),
+		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/ConflictStatus/ConflictStatusIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictStatusIndicator.js","names":[],"sources":["../../../../../src/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.tsx"],"sourcesContent":["import { AlertTriangle, CircleCheck } from '../../../icons';\nimport { cn } from '../../../utils';\n\ntype Props = {\n  remainingConflicts: number;\n  remainingSafeChanges: number;\n};\n\nexport const ConflictStatusIndicator = ({ remainingConflicts, remainingSafeChanges }: Props) => {\n  const hasConflicts = remainingConflicts > 0;\n  const allDone = !hasConflicts && remainingSafeChanges === 0;\n\n  const colorClass = hasConflicts\n    ? 'tw:text-warning-500'\n    : allDone\n      ? 'tw:text-green-500'\n      : 'tw:text-muted-foreground';\n\n  const parts: string[] = [];\n  if (hasConflicts) {\n    parts.push(`${remainingConflicts} conflict${remainingConflicts !== 1 ? 's' : ''}`);\n  }\n  if (remainingSafeChanges > 0) {\n    parts.push(`${remainingSafeChanges} change${remainingSafeChanges !== 1 ? 's' : ''}`);\n  }\n\n  return (\n    <p\n      className={cn(\n        'tw:m-0 tw:flex tw:items-center tw:gap-1.5 tw:text-sm tw:font-medium',\n        colorClass,\n      )}\n    >\n      {allDone ? <CircleCheck className=\"tw:size-4\" /> : <AlertTriangle className=\"tw:size-4\" />}\n      {allDone ? 'All changes resolved' : `${parts.join(', ')} remaining`}\n    </p>\n  );\n};\n"],"mappings":";;;;AAQA,MAAa,2BAA2B,EAAE,oBAAoB,2BAAkC;CAC9F,MAAM,eAAe,qBAAqB;CAC1C,MAAM,UAAU,CAAC,gBAAgB,yBAAyB;CAE1D,MAAM,aAAa,eACf,wBACA,UACE,sBACA;CAEN,MAAM,QAAkB,CAAC;CACzB,IAAI,cACF,MAAM,KAAK,GAAG,mBAAmB,WAAW,uBAAuB,IAAI,MAAM,IAAI;CAEnF,IAAI,uBAAuB,GACzB,MAAM,KAAK,GAAG,qBAAqB,SAAS,yBAAyB,IAAI,MAAM,IAAI;CAGrF,OACE,qBAAC,KAAD;EACE,WAAW,GACT,uEACA,UACF;EAJF,UAAA,CAMG,UAAU,oBAAC,aAAD,EAAa,WAAU,YAAa,CAAA,IAAI,oBAAC,eAAD,EAAe,WAAU,YAAa,CAAA,GACxF,UAAU,yBAAyB,GAAG,MAAM,KAAK,IAAI,EAAE,WACvD;;AAEP"}

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

@@ -0,0 +1,13 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region 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
+}), sublabel && /* @__PURE__ */ jsx("p", {
+	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/PaneHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneHeader.js","names":[],"sources":["../../../../src/components/MergeEditor/PaneHeader.tsx"],"sourcesContent":["type Props = {\n  label: string;\n  sublabel?: string;\n};\n\nexport const PaneHeader = ({ label, sublabel }: Props) => (\n  <div>\n    <p className=\"tw:m-0 tw:text-sm tw:font-medium tw:text-foreground\">{label}</p>\n    {sublabel && <p className=\"tw:m-0 tw:text-xs tw:text-muted-foreground\">{sublabel}</p>}\n  </div>\n);\n"],"mappings":";;AAKA,MAAa,cAAc,EAAE,OAAO,eAClC,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,KAAD;CAAG,WAAU;CAAuD,UAAA;AAAS,CAAA,GAC5E,YAAY,oBAAC,KAAD;CAAG,WAAU;CAA8C,UAAA;AAAY,CAAA,CACjF,EAAA,CAAA"}

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

@@ -0,0 +1,18 @@
+//#region src/components/MergeEditor/constants.ts
+const CHUNK_TYPE = {
+	UNCHANGED: "unchanged",
+	ADDED: "added",
+	REMOVED: "removed"
+};
+const CHANGE_CLASS = {
+	SAFE: "safe",
+	CONFLICT: "conflict"
+};
+/** Must match the CodeMirror line-height set in MergePane */
+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/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../../src/components/MergeEditor/constants.ts"],"sourcesContent":["export const CHUNK_TYPE = {\n  UNCHANGED: 'unchanged',\n  ADDED: 'added',\n  REMOVED: 'removed',\n} as const;\n\ntype ChunkType = (typeof CHUNK_TYPE)[keyof typeof CHUNK_TYPE];\n\nexport type DiffChunk = {\n  type: ChunkType;\n  value: string;\n  /** 1-indexed start line in the old (left) text */\n  oldStart: number;\n  /** 1-indexed end line in the old (left) text */\n  oldEnd: number;\n  /** 1-indexed start line in the new (right) text */\n  newStart: number;\n  /** 1-indexed end line in the new (right) text */\n  newEnd: number;\n};\n\n/**\n * A paired conflict: adjacent REMOVED + ADDED chunks from diffLines,\n * representing a section that was modified. If only one side exists,\n * the other is empty (pure insertion or deletion).\n */\nexport type MergeConflict = {\n  id: string;\n  oldValue: string;\n  oldStartLine: number;\n  oldEndLine: number;\n  newValue: string;\n  newStartLine: number;\n  newEndLine: number;\n};\n\nexport const CHANGE_CLASS = {\n  SAFE: 'safe',\n  CONFLICT: 'conflict',\n} as const;\n\nexport type ChangeClassification = (typeof CHANGE_CLASS)[keyof typeof CHANGE_CLASS];\n\n/** Must match the CodeMirror line-height set in MergePane */\nexport const LINE_HEIGHT_PX = 20;\n\n/** Must match the rendered header height in MergePane (py-3 + content + border) */\nexport const PANE_HEADER_HEIGHT_PX = 58;\n"],"mappings":";AAAA,MAAa,aAAa;CACxB,WAAW;CACX,OAAO;CACP,SAAS;AACX;AAgCA,MAAa,eAAe;CAC1B,MAAM;CACN,UAAU;AACZ;;AAKA,MAAa,iBAAiB;;AAG9B,MAAa,wBAAwB"}

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

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

package/dist/internal/components/Modal.js

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

package/dist/internal/components/Navbar.js

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

package/dist/internal/components/Pagination.js

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

package/dist/internal/components/PanelWithDetails.js

@@ -0,0 +1,31 @@
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { ChevronDown } from "../../icons-Cek151jC.js";
+import { Collapsible } from "../../Collapsible-BQXWEOBC.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region 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, {
+		open: isOpen,
+		onOpenChange: setIsOpen,
+		className: cn("tw:flex", placement === "bottom" ? "tw:flex-col-reverse" : "tw:flex-col"),
+		children: [/* @__PURE__ */ jsxs(Collapsible.Trigger, {
+			className: cn("tw:flex tw:cursor-pointer tw:items-center tw:rounded-sm tw:bg-muted tw:px-4 tw:py-3 tw:text-sm tw:text-muted-foreground", "tw:hover:text-primary"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "tw:mr-2 tw:flex tw:shrink-0 tw:items-center",
+				children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("tw:size-5", !isOpen ? "tw:-rotate-90" : placement === "bottom" ? "tw:rotate-180" : "") })
+			}), /* @__PURE__ */ jsx("div", {
+				className: "tw:py-0.5",
+				children: isOpen ? labelCollapse : labelOpen
+			})]
+		}), /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx("div", {
+			className: "tw:px-5 tw:py-3",
+			children
+		}) })]
+	});
+};
+//#endregion
+export { PanelWithDetails };
+
+//# sourceMappingURL=PanelWithDetails.js.map

package/dist/internal/components/PanelWithDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelWithDetails.js","names":[],"sources":["../../../src/components/PanelWithDetails.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport { ChevronDown } from '../icons';\nimport { cn } from '../utils';\n\nimport { Collapsible } from './Collapsible';\n\ntype Props = PropsWithChildren<{\n  defaultExpanded?: boolean;\n  labelCollapse?: ReactNode;\n  labelOpen?: ReactNode;\n  placement?: 'top' | 'bottom';\n  className?: string;\n}>;\n\nexport const PanelWithDetails = ({\n  defaultExpanded = false,\n  labelCollapse = 'Hide details',\n  labelOpen = 'Show details',\n  placement = 'top',\n  children,\n}: Props) => {\n  const [isOpen, setIsOpen] = useState(defaultExpanded);\n\n  return (\n    <Collapsible\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      className={cn('tw:flex', placement === 'bottom' ? 'tw:flex-col-reverse' : 'tw:flex-col')}\n    >\n      <Collapsible.Trigger\n        className={cn(\n          'tw:flex tw:cursor-pointer tw:items-center tw:rounded-sm tw:bg-muted tw:px-4 tw:py-3 tw:text-sm tw:text-muted-foreground',\n          'tw:hover:text-primary',\n        )}\n      >\n        <div className=\"tw:mr-2 tw:flex tw:shrink-0 tw:items-center\">\n          <ChevronDown\n            className={cn(\n              'tw:size-5',\n              !isOpen ? 'tw:-rotate-90' : placement === 'bottom' ? 'tw:rotate-180' : '',\n            )}\n          />\n        </div>\n\n        <div className=\"tw:py-0.5\">{isOpen ? labelCollapse : labelOpen}</div>\n      </Collapsible.Trigger>\n\n      <Collapsible.Content>\n        <div className=\"tw:px-5 tw:py-3\">{children}</div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n};\n"],"mappings":";;;;;;AAgBA,MAAa,oBAAoB,EAC/B,kBAAkB,OAClB,gBAAgB,gBAChB,YAAY,gBACZ,YAAY,OACZ,eACW;CACX,MAAM,CAAC,QAAQ,aAAa,SAAS,eAAe;CAEpD,OACE,qBAAC,aAAD;EACE,MAAM;EACN,cAAc;EACd,WAAW,GAAG,WAAW,cAAc,WAAW,wBAAwB,aAAa;EAHzF,UAAA,CAKE,qBAAC,YAAY,SAAb;GACE,WAAW,GACT,2HACA,uBACF;GAJF,UAAA,CAME,oBAAC,OAAD;IAAK,WAAU;IACb,UAAA,oBAAC,aAAD,EACE,WAAW,GACT,aACA,CAAC,SAAS,kBAAkB,cAAc,WAAW,kBAAkB,EACzE,EACD,CAAA;GACE,CAAA,GAEL,oBAAC,OAAD;IAAK,WAAU;IAAa,UAAA,SAAS,gBAAgB;GAAe,CAAA,CACjD;EAErB,CAAA,GAAA,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,OAAD;GAAK,WAAU;GAAmB;EAAc,CAAA,EAC7B,CAAA,CACV;;AAEjB"}

package/dist/internal/components/Popconfirm.js

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

package/dist/internal/components/Popover.js

@@ -0,0 +1,2 @@
+import { Popover } from "../../Popover-Ca0V6AD1.js";
+export { Popover };

package/dist/internal/components/Progress.js

@@ -0,0 +1,47 @@
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Indicator, Root } from "@radix-ui/react-progress";
+//#region src/components/Progress/Progress.tsx
+const variants = cva([
+	"tw:relative",
+	"tw:flex",
+	"tw:items-center",
+	"tw:z-0",
+	"tw:overflow-x-hidden",
+	"tw:w-full"
+], {
+	defaultVariants: {
+		variant: "default",
+		size: "lg"
+	},
+	variants: {
+		variant: {
+			default: ["tw:bg-primary/20", "tw:[&_[data-slot=\"progress-indicator\"]]:bg-primary"],
+			success: ["tw:bg-success/20", "tw:[&_[data-slot=\"progress-indicator\"]]:bg-success"]
+		},
+		size: {
+			sm: ["tw:rounded-full", "tw:h-1"],
+			lg: ["tw:rounded", "tw:h-4"]
+		}
+	}
+});
+const Progress = ({ ref, className, value, variant, size, ...props }) => /* @__PURE__ */ jsx(Root, {
+	...props,
+	ref,
+	className: cn(variants({
+		variant,
+		size,
+		className
+	})),
+	value,
+	children: /* @__PURE__ */ jsx(Indicator, {
+		"data-slot": "progress-indicator",
+		className: "tw:size-full tw:flex-1 tw:transition-all",
+		style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
+	})
+});
+//#endregion
+export { Progress };
+
+//# sourceMappingURL=Progress.js.map

package/dist/internal/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { Indicator, Root } from '@radix-ui/react-progress';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst variants = cva(\n  ['tw:relative', 'tw:flex', 'tw:items-center', 'tw:z-0', 'tw:overflow-x-hidden', 'tw:w-full'],\n  {\n    defaultVariants: {\n      variant: 'default',\n      size: 'lg',\n    },\n    variants: {\n      variant: {\n        default: ['tw:bg-primary/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-primary'],\n        success: ['tw:bg-success/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-success'],\n      },\n      size: {\n        sm: ['tw:rounded-full', 'tw:h-1'],\n        lg: ['tw:rounded', 'tw:h-4'],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Root> & VariantProps<typeof variants>;\n\nexport const Progress = ({ ref, className, value, variant, size, ...props }: Props) => (\n  <Root {...props} ref={ref} className={cn(variants({ variant, size, className }))} value={value}>\n    <Indicator\n      data-slot=\"progress-indicator\"\n      className=\"tw:size-full tw:flex-1 tw:transition-all\"\n      style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}\n    />\n  </Root>\n);\n"],"mappings":";;;;;AAOA,MAAM,WAAW,IACf;CAAC;CAAe;CAAW;CAAmB;CAAU;CAAwB;AAAW,GAC3F;CACE,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;CACA,UAAU;EACR,SAAS;GACP,SAAS,CAAC,oBAAoB,sDAAoD;GAClF,SAAS,CAAC,oBAAoB,sDAAoD;EACpF;EACA,MAAM;GACJ,IAAI,CAAC,mBAAmB,QAAQ;GAChC,IAAI,CAAC,cAAc,QAAQ;EAC7B;CACF;AACF,CACF;AAIA,MAAa,YAAY,EAAE,KAAK,WAAW,OAAO,SAAS,MAAM,GAAG,YAClE,oBAAC,MAAD;CAAM,GAAI;CAAY;CAAK,WAAW,GAAG,SAAS;EAAE;EAAS;EAAM;CAAU,CAAC,CAAC;CAAU;CACvF,UAAA,oBAAC,WAAD;EACE,aAAU;EACV,WAAU;EACV,OAAO,EAAE,WAAW,eAAe,OAAO,SAAS,GAAG,IAAI;CAC3D,CAAA;AACG,CAAA"}

package/dist/internal/components/RadioGroup.js

@@ -0,0 +1,2 @@
+import { RadioGroup } from "../../RadioGroup-sIveSsNa.js";
+export { RadioGroup };

package/dist/internal/components/Resizable.js

@@ -0,0 +1,2 @@
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "../../Resizable-D3vYToZH.js";
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout };

package/dist/internal/components/ScrollArea.js

@@ -0,0 +1,42 @@
+import { cn } from "../../classNames-BzrkDnOD.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+//#region src/components/ScrollArea/ScrollBar.tsx
+const ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+	orientation,
+	className: cn("tw:flex tw:touch-none tw:select-none tw:transition-color", {
+		"tw:h-full tw:w-2.5 tw:p-px": orientation === "vertical",
+		"tw:h-2.5 tw:flex-col tw:p-px": orientation === "horizontal"
+	}, className),
+	...props,
+	children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: cn("tw:relative", "tw:flex-1", "tw:rounded-full", "tw:bg-border", "tw:hover:bg-muted-foreground") })
+});
+//#endregion
+//#region src/components/ScrollArea/ScrollArea.tsx
+const ScrollArea = ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }) => /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+	"data-slot": "scroll-area",
+	className: cn("tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden", className),
+	...props,
+	children: [
+		/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+			ref,
+			className: cn("tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden", viewPortClassName),
+			children
+		}),
+		orientation ? /* @__PURE__ */ jsx(ScrollBar, {
+			className: scrollBarClassName,
+			orientation
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ScrollBar, {
+			className: scrollBarClassName,
+			orientation: "vertical"
+		}), /* @__PURE__ */ jsx(ScrollBar, {
+			className: scrollBarClassName,
+			orientation: "horizontal"
+		})] }),
+		/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+	]
+});
+//#endregion
+export { ScrollArea, ScrollBar };
+
+//# sourceMappingURL=ScrollArea.js.map

package/dist/internal/components/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollBar.tsx","../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;\n\nexport const ScrollBar = ({ className, orientation = 'vertical', ...props }: Props) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    orientation={orientation}\n    className={cn(\n      'tw:flex tw:touch-none tw:select-none tw:transition-color',\n      {\n        'tw:h-full tw:w-2.5 tw:p-px': orientation === 'vertical',\n        'tw:h-2.5 tw:flex-col tw:p-px': orientation === 'horizontal',\n      },\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      className={cn(\n        'tw:relative',\n        'tw:flex-1',\n        'tw:rounded-full',\n        'tw:bg-border',\n        'tw:hover:bg-muted-foreground',\n      )}\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n);\n","import type { ComponentProps } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from '../../utils';\n\nimport { ScrollBar } from './ScrollBar';\n\ntype Props = ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  viewPortClassName?: string;\n  scrollBarClassName?: string;\n  orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];\n};\n\nexport const ScrollArea = ({\n  ref,\n  className,\n  children,\n  viewPortClassName,\n  orientation,\n  scrollBarClassName,\n  ...props\n}: Props) => (\n  <ScrollAreaPrimitive.Root\n    data-slot=\"scroll-area\"\n    className={cn(\n      'tw:peer/scroll-area tw:relative tw:overflow-hidden tw:focus-visible:outline-hidden',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport\n      ref={ref}\n      className={cn(\n        'tw:h-full tw:w-full tw:rounded-[inherit] tw:focus-visible:outline-hidden',\n        viewPortClassName,\n      )}\n    >\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    {orientation ? (\n      <ScrollBar className={scrollBarClassName} orientation={orientation} />\n    ) : (\n      <>\n        <ScrollBar className={scrollBarClassName} orientation=\"vertical\" />\n        <ScrollBar className={scrollBarClassName} orientation=\"horizontal\" />\n      </>\n    )}\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n);\n"],"mappings":";;;;AAOA,MAAa,aAAa,EAAE,WAAW,cAAc,YAAY,GAAG,YAClE,oBAAC,oBAAoB,qBAArB;CACe;CACb,WAAW,GACT,4DACA;EACE,8BAA8B,gBAAgB;EAC9C,gCAAgC,gBAAgB;CAClD,GACA,SACF;CACA,GAAI;CAEJ,UAAA,oBAAC,oBAAoB,iBAArB,EACE,WAAW,GACT,eACA,aACA,mBACA,gBACA,8BACF,EACD,CAAA;AACsC,CAAA;;;AChB3C,MAAa,cAAc,EACzB,KACA,WACA,UACA,mBACA,aACA,oBACA,GAAG,YAEH,qBAAC,oBAAoB,MAArB;CACE,aAAU;CACV,WAAW,GACT,sFACA,SACF;CACA,GAAI;CANN,UAAA;EAQE,oBAAC,oBAAoB,UAArB;GACO;GACL,WAAW,GACT,4EACA,iBACF;GAEC;EAC2B,CAAA;EAC7B,cACC,oBAAC,WAAD;GAAW,WAAW;GAAiC;EAAc,CAAA,IAErE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,WAAW;GAAoB,aAAY;EAAY,CAAA,GAClE,oBAAC,WAAD;GAAW,WAAW;GAAoB,aAAY;EAAc,CAAA,CACpE,EAAA,CAAA;EAEJ,oBAAC,oBAAoB,QAArB,CAA6B,CAAA;CACL"}

package/dist/internal/components/Search.js

@@ -0,0 +1,2 @@
+import { Search, SearchForm } from "../../Search-3UiqNZRj.js";
+export { Search, SearchForm };

package/dist/internal/components/Select.js

@@ -0,0 +1,2 @@
+import { Select } from "../../Select-4YX38G5h.js";
+export { Select };