@prototyperco/ui 0.5.0-alpha.0 → 0.5.0

package/dist/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio-group.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\";\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\nimport { cn } from \"../lib/utils\";\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n  return (\n    <RadioGroupPrimitive\n      data-slot=\"radio-group\"\n      className={cn(\n        \"flex flex-col gap-2\",\n        \"data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:gap-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"group relative flex aspect-square size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-field-border bg-field-background text-primary shadow-field select-none no-highlight\",\n        \"data-checked:bg-primary data-checked:text-primary-foreground data-checked:border-transparent\",\n        /* Hover */\n        \"hover-only:hover:border-field-border-hover\",\n        /* Focus Visible */\n        \"focus-visible:focus-ring\",\n        /* Disabled */\n        \"data-disabled:status-disabled\",\n        /* Invalid */\n        \"data-[invalid]:border-field-border-invalid\",\n        \"data-[invalid]:data-checked:bg-destructive data-[invalid]:data-checked:border-transparent\",\n        /* Press */\n        \"motion-safe:active:scale-[0.95]\",\n        /* Transition */\n        \"transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth\",\n        /* Motion Reduce */\n        \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        aria-hidden=\"true\"\n        className=\"absolute inset-0 flex items-center justify-center\"\n        keepMounted\n      >\n        <span className=\"size-2 scale-0 rounded-full bg-primary-foreground transition-transform duration-150 ease-out-fluid group-data-checked:scale-100 motion-reduce:transition-none\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n\nexport type RadioGroupProps = React.ComponentProps<typeof RadioGroup>;\nexport type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupItem>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAEA,SAAS,SAAS,sBAAsB;AACxC,SAAS,cAAc,2BAA2B;;;ACHlD,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADGI;AAFJ,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAA8B;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA8B;AAC1E,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,eAAe;AAAA,QAAf;AAAA,UACC,aAAU;AAAA,UACV,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAW;AAAA,UAEX,8BAAC,UAAK,WAAU,iKAAgK;AAAA;AAAA,MAClL;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/resizable-panel.cjs

@@ -0,0 +1,91 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/resizable-panel.tsx
+var resizable_panel_exports = {};
+__export(resizable_panel_exports, {
+  ResizableHandle: () => ResizableHandle,
+  ResizablePanel: () => ResizablePanel,
+  ResizablePanelGroup: () => ResizablePanelGroup
+});
+module.exports = __toCommonJS(resizable_panel_exports);
+var import_lucide_react = require("lucide-react");
+var import_react_resizable_panels = require("react-resizable-panels");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/resizable-panel.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ResizablePanelGroup({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_resizable_panels.Group,
+    {
+      "data-slot": "resizable-panel-group",
+      className: cn(
+        "flex size-full",
+        orientation === "vertical" && "flex-col",
+        className
+      ),
+      orientation,
+      ...props
+    }
+  );
+}
+function ResizablePanel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", className: cn(className), ...props });
+}
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_resizable_panels.Separator,
+    {
+      "data-slot": "resizable-handle",
+      className: cn(
+        "bg-border relative flex w-px items-center justify-center",
+        "after:absolute after:inset-y-0 after:-left-1 after:-right-1",
+        "hover-only:hover:bg-primary/20",
+        "focus-visible:focus-ring focus-visible:outline-1",
+        "transition-colors duration-150 ease-smooth motion-reduce:transition-none",
+        className
+      ),
+      ...props,
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-border bg-surface-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.GripVertical, { className: "size-2.5 text-muted-foreground" }) })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+});
+//# sourceMappingURL=resizable-panel.cjs.map

package/dist/components/resizable-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/resizable-panel.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { GripVertical } from \"lucide-react\";\nimport {\n  Group,\n  Panel,\n  Separator,\n  type GroupProps,\n  type PanelProps,\n  type SeparatorProps,\n} from \"react-resizable-panels\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction ResizablePanelGroup({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: GroupProps) {\n  return (\n    <Group\n      data-slot=\"resizable-panel-group\"\n      className={cn(\n        \"flex size-full\",\n        orientation === \"vertical\" && \"flex-col\",\n        className,\n      )}\n      orientation={orientation}\n      {...props}\n    />\n  );\n}\n\nfunction ResizablePanel({ className, ...props }: PanelProps) {\n  return (\n    <Panel data-slot=\"resizable-panel\" className={cn(className)} {...props} />\n  );\n}\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: SeparatorProps & {\n  withHandle?: boolean;\n}) {\n  return (\n    <Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"bg-border relative flex w-px items-center justify-center\",\n        \"after:absolute after:inset-y-0 after:-left-1 after:-right-1\",\n        \"hover-only:hover:bg-primary/20\",\n        \"focus-visible:focus-ring focus-visible:outline-1\",\n        \"transition-colors duration-150 ease-smooth motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-border bg-surface-secondary\">\n          <GripVertical className=\"size-2.5 text-muted-foreground\" />\n        </div>\n      )}\n    </Separator>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n\nexport type ResizablePanelGroupProps = React.ComponentProps<\n  typeof ResizablePanelGroup\n>;\nexport type ResizablePanelProps = React.ComponentProps<typeof ResizablePanel>;\nexport type ResizableHandleProps = React.ComponentProps<typeof ResizableHandle>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA6B;AAC7B,oCAOO;;;ACVP,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADeI;AANJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,cAAc;AAAA,QAC9B;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAe;AAC3D,SACE,4CAAC,uCAAM,aAAU,mBAAkB,WAAW,GAAG,SAAS,GAAI,GAAG,OAAO;AAE5E;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,wBACC,4CAAC,SAAI,WAAU,sGACb,sDAAC,oCAAa,WAAU,kCAAiC,GAC3D;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/resizable-panel.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SeparatorProps, PanelProps, GroupProps } from 'react-resizable-panels';
+
+declare function ResizablePanelGroup({ className, orientation, ...props }: GroupProps): react_jsx_runtime.JSX.Element;
+declare function ResizablePanel({ className, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: SeparatorProps & {
+    withHandle?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePanelGroup>;
+type ResizablePanelProps = React.ComponentProps<typeof ResizablePanel>;
+type ResizableHandleProps = React.ComponentProps<typeof ResizableHandle>;
+
+export { ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps };

package/dist/components/resizable-panel.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SeparatorProps, PanelProps, GroupProps } from 'react-resizable-panels';
+
+declare function ResizablePanelGroup({ className, orientation, ...props }: GroupProps): react_jsx_runtime.JSX.Element;
+declare function ResizablePanel({ className, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: SeparatorProps & {
+    withHandle?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePanelGroup>;
+type ResizablePanelProps = React.ComponentProps<typeof ResizablePanel>;
+type ResizableHandleProps = React.ComponentProps<typeof ResizableHandle>;
+
+export { ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps };

package/dist/components/resizable-panel.js

@@ -0,0 +1,69 @@
+"use client";
+
+// src/components/resizable-panel.tsx
+import { GripVertical } from "lucide-react";
+import {
+  Group,
+  Panel,
+  Separator
+} from "react-resizable-panels";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/resizable-panel.tsx
+import { jsx } from "react/jsx-runtime";
+function ResizablePanelGroup({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Group,
+    {
+      "data-slot": "resizable-panel-group",
+      className: cn(
+        "flex size-full",
+        orientation === "vertical" && "flex-col",
+        className
+      ),
+      orientation,
+      ...props
+    }
+  );
+}
+function ResizablePanel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Panel, { "data-slot": "resizable-panel", className: cn(className), ...props });
+}
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      "data-slot": "resizable-handle",
+      className: cn(
+        "bg-border relative flex w-px items-center justify-center",
+        "after:absolute after:inset-y-0 after:-left-1 after:-right-1",
+        "hover-only:hover:bg-primary/20",
+        "focus-visible:focus-ring focus-visible:outline-1",
+        "transition-colors duration-150 ease-smooth motion-reduce:transition-none",
+        className
+      ),
+      ...props,
+      children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-border bg-surface-secondary", children: /* @__PURE__ */ jsx(GripVertical, { className: "size-2.5 text-muted-foreground" }) })
+    }
+  );
+}
+export {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+};
+//# sourceMappingURL=resizable-panel.js.map

package/dist/components/resizable-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/resizable-panel.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { GripVertical } from \"lucide-react\";\nimport {\n  Group,\n  Panel,\n  Separator,\n  type GroupProps,\n  type PanelProps,\n  type SeparatorProps,\n} from \"react-resizable-panels\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction ResizablePanelGroup({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: GroupProps) {\n  return (\n    <Group\n      data-slot=\"resizable-panel-group\"\n      className={cn(\n        \"flex size-full\",\n        orientation === \"vertical\" && \"flex-col\",\n        className,\n      )}\n      orientation={orientation}\n      {...props}\n    />\n  );\n}\n\nfunction ResizablePanel({ className, ...props }: PanelProps) {\n  return (\n    <Panel data-slot=\"resizable-panel\" className={cn(className)} {...props} />\n  );\n}\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: SeparatorProps & {\n  withHandle?: boolean;\n}) {\n  return (\n    <Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"bg-border relative flex w-px items-center justify-center\",\n        \"after:absolute after:inset-y-0 after:-left-1 after:-right-1\",\n        \"hover-only:hover:bg-primary/20\",\n        \"focus-visible:focus-ring focus-visible:outline-1\",\n        \"transition-colors duration-150 ease-smooth motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-border bg-surface-secondary\">\n          <GripVertical className=\"size-2.5 text-muted-foreground\" />\n        </div>\n      )}\n    </Separator>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n\nexport type ResizablePanelGroupProps = React.ComponentProps<\n  typeof ResizablePanelGroup\n>;\nexport type ResizablePanelProps = React.ComponentProps<typeof ResizablePanel>;\nexport type ResizableHandleProps = React.ComponentProps<typeof ResizableHandle>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAEA,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;;;ACVP,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADeI;AANJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,cAAc;AAAA,QAC9B;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAe;AAC3D,SACE,oBAAC,SAAM,aAAU,mBAAkB,WAAW,GAAG,SAAS,GAAI,GAAG,OAAO;AAE5E;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,wBACC,oBAAC,SAAI,WAAU,sGACb,8BAAC,gBAAa,WAAU,kCAAiC,GAC3D;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/row.cjs

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/row.tsx
+var row_exports = {};
+__export(row_exports, {
+  Row: () => Row
+});
+module.exports = __toCommonJS(row_exports);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/row.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var gapMap = {
+  0: "gap-0",
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  8: "gap-8",
+  10: "gap-10",
+  12: "gap-12"
+};
+var alignMap = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var justifyMap = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+};
+function Row({
+  className,
+  gap = 3,
+  align = "center",
+  justify = "start",
+  wrap = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "row",
+      className: cn(
+        "flex flex-row",
+        gapMap[gap] ?? `gap-${gap}`,
+        alignMap[align],
+        justifyMap[justify],
+        wrap && "flex-wrap",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Row
+});
+//# sourceMappingURL=row.cjs.map

package/dist/components/row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/row.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../lib/utils\";\n\nconst gapMap: Record<number, string> = {\n  0: \"gap-0\",\n  1: \"gap-1\",\n  2: \"gap-2\",\n  3: \"gap-3\",\n  4: \"gap-4\",\n  5: \"gap-5\",\n  6: \"gap-6\",\n  8: \"gap-8\",\n  10: \"gap-10\",\n  12: \"gap-12\",\n};\n\nconst alignMap = {\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n  baseline: \"items-baseline\",\n} as const;\n\nconst justifyMap = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n  around: \"justify-around\",\n  evenly: \"justify-evenly\",\n} as const;\n\nfunction Row({\n  className,\n  gap = 3,\n  align = \"center\",\n  justify = \"start\",\n  wrap = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  gap?: number;\n  align?: keyof typeof alignMap;\n  justify?: keyof typeof justifyMap;\n  wrap?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"row\"\n      className={cn(\n        \"flex flex-row\",\n        gapMap[gap] ?? `gap-${gap}`,\n        alignMap[align],\n        justifyMap[justify],\n        wrap && \"flex-wrap\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport { Row };\n\nexport type RowProps = React.ComponentProps<typeof Row>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD4CI;AA7CJ,IAAM,SAAiC;AAAA,EACrC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,WAAW;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AACZ;AAEA,IAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEA,SAAS,IAAI;AAAA,EACX;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAKG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,OAAO,GAAG,KAAK,OAAO,GAAG;AAAA,QACzB,SAAS,KAAK;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,QAAQ;AAAA,QACR;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/row.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const alignMap: {
+    readonly start: "items-start";
+    readonly center: "items-center";
+    readonly end: "items-end";
+    readonly stretch: "items-stretch";
+    readonly baseline: "items-baseline";
+};
+declare const justifyMap: {
+    readonly start: "justify-start";
+    readonly center: "justify-center";
+    readonly end: "justify-end";
+    readonly between: "justify-between";
+    readonly around: "justify-around";
+    readonly evenly: "justify-evenly";
+};
+declare function Row({ className, gap, align, justify, wrap, children, ...props }: React.ComponentProps<"div"> & {
+    gap?: number;
+    align?: keyof typeof alignMap;
+    justify?: keyof typeof justifyMap;
+    wrap?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type RowProps = React.ComponentProps<typeof Row>;
+
+export { Row, type RowProps };

package/dist/components/row.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const alignMap: {
+    readonly start: "items-start";
+    readonly center: "items-center";
+    readonly end: "items-end";
+    readonly stretch: "items-stretch";
+    readonly baseline: "items-baseline";
+};
+declare const justifyMap: {
+    readonly start: "justify-start";
+    readonly center: "justify-center";
+    readonly end: "justify-end";
+    readonly between: "justify-between";
+    readonly around: "justify-around";
+    readonly evenly: "justify-evenly";
+};
+declare function Row({ className, gap, align, justify, wrap, children, ...props }: React.ComponentProps<"div"> & {
+    gap?: number;
+    align?: keyof typeof alignMap;
+    justify?: keyof typeof justifyMap;
+    wrap?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type RowProps = React.ComponentProps<typeof Row>;
+
+export { Row, type RowProps };

package/dist/components/row.js

@@ -0,0 +1,68 @@
+"use client";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/row.tsx
+import { jsx } from "react/jsx-runtime";
+var gapMap = {
+  0: "gap-0",
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  8: "gap-8",
+  10: "gap-10",
+  12: "gap-12"
+};
+var alignMap = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var justifyMap = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+};
+function Row({
+  className,
+  gap = 3,
+  align = "center",
+  justify = "start",
+  wrap = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "row",
+      className: cn(
+        "flex flex-row",
+        gapMap[gap] ?? `gap-${gap}`,
+        alignMap[align],
+        justifyMap[justify],
+        wrap && "flex-wrap",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  Row
+};
+//# sourceMappingURL=row.js.map

package/dist/components/row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/components/row.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { cn } from \"../lib/utils\";\n\nconst gapMap: Record<number, string> = {\n  0: \"gap-0\",\n  1: \"gap-1\",\n  2: \"gap-2\",\n  3: \"gap-3\",\n  4: \"gap-4\",\n  5: \"gap-5\",\n  6: \"gap-6\",\n  8: \"gap-8\",\n  10: \"gap-10\",\n  12: \"gap-12\",\n};\n\nconst alignMap = {\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n  baseline: \"items-baseline\",\n} as const;\n\nconst justifyMap = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n  around: \"justify-around\",\n  evenly: \"justify-evenly\",\n} as const;\n\nfunction Row({\n  className,\n  gap = 3,\n  align = \"center\",\n  justify = \"start\",\n  wrap = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  gap?: number;\n  align?: keyof typeof alignMap;\n  justify?: keyof typeof justifyMap;\n  wrap?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"row\"\n      className={cn(\n        \"flex flex-row\",\n        gapMap[gap] ?? `gap-${gap}`,\n        alignMap[align],\n        justifyMap[justify],\n        wrap && \"flex-wrap\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport { Row };\n\nexport type RowProps = React.ComponentProps<typeof Row>;\n"],"mappings":";;;AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AC4CI;AA7CJ,IAAM,SAAiC;AAAA,EACrC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,WAAW;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AACZ;AAEA,IAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEA,SAAS,IAAI;AAAA,EACX;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAKG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,OAAO,GAAG,KAAK,OAAO,GAAG;AAAA,QACzB,SAAS,KAAK;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,QAAQ;AAAA,QACR;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/scroll-area.cjs

@@ -0,0 +1,96 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/scroll-area.tsx
+var scroll_area_exports = {};
+__export(scroll_area_exports, {
+  ScrollArea: () => ScrollArea,
+  ScrollBar: () => ScrollBar
+});
+module.exports = __toCommonJS(scroll_area_exports);
+var import_scroll_area = require("@base-ui/react/scroll-area");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/scroll-area.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_scroll_area.ScrollArea.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_scroll_area.ScrollArea.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] outline-none focus-visible:focus-ring",
+            children
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_scroll_area.ScrollArea.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_scroll_area.ScrollArea.Scrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors motion-reduce:transition-none select-none",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_scroll_area.ScrollArea.Thumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "rounded-full bg-border-dark relative flex-1"
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollArea,
+  ScrollBar
+});
+//# sourceMappingURL=scroll-area.cjs.map

package/dist/components/scroll-area.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/scroll-area.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: ScrollAreaPrimitive.Root.Props) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full rounded-[inherit] outline-none focus-visible:focus-ring\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        \"data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors motion-reduce:transition-none select-none\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"rounded-full bg-border-dark relative flex-1\"\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n\nexport type ScrollAreaProps = React.ComponentProps<typeof ScrollArea>;\nexport type ScrollBarProps = React.ComponentProps<typeof ScrollBar>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAAkD;;;ACFlD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADOI;AANJ,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmC;AACjC,SACE;AAAA,IAAC,mBAAAA,WAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC,mBAAAA,WAAoB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QACA,4CAAC,aAAU;AAAA,QACX,4CAAC,mBAAAA,WAAoB,QAApB,EAA2B;AAAA;AAAA;AAAA,EAC9B;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAwC;AACtC,SACE;AAAA,IAAC,mBAAAA,WAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,mBAAAA,WAAoB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA;AAAA,MACZ;AAAA;AAAA,EACF;AAEJ;","names":["ScrollAreaPrimitive"]}

package/dist/components/scroll-area.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
+
+declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): react_jsx_runtime.JSX.Element;
+
+type ScrollAreaProps = React.ComponentProps<typeof ScrollArea>;
+type ScrollBarProps = React.ComponentProps<typeof ScrollBar>;
+
+export { ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps };

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
+
+declare function ScrollArea({ className, children, ...props }: ScrollArea$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props): react_jsx_runtime.JSX.Element;
+
+type ScrollAreaProps = React.ComponentProps<typeof ScrollArea>;
+type ScrollBarProps = React.ComponentProps<typeof ScrollBar>;
+
+export { ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps };

package/dist/components/scroll-area.js

@@ -0,0 +1,71 @@
+"use client";
+
+// src/components/scroll-area.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/scroll-area.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] outline-none focus-visible:focus-ring",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.Scrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent flex touch-none p-px transition-colors motion-reduce:transition-none select-none",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.Thumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "rounded-full bg-border-dark relative flex-1"
+        }
+      )
+    }
+  );
+}
+export {
+  ScrollArea,
+  ScrollBar
+};
+//# sourceMappingURL=scroll-area.js.map