@prototyperco/ui 0.5.0-alpha.0 → 0.5.0

package/dist/components/collapsible.cjs

@@ -0,0 +1,89 @@
+"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/collapsible.tsx
+var collapsible_exports = {};
+__export(collapsible_exports, {
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent,
+  CollapsibleTrigger: () => CollapsibleTrigger
+});
+module.exports = __toCommonJS(collapsible_exports);
+var import_collapsible = require("@base-ui/react/collapsible");
+
+// 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/collapsible.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Collapsible({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_collapsible.Collapsible.Root,
+    {
+      "data-slot": "collapsible",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function CollapsibleTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_collapsible.Collapsible.Trigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: cn("focus-visible:focus-ring no-highlight", className),
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_collapsible.Collapsible.Panel,
+    {
+      "data-slot": "collapsible-content",
+      className: cn(
+        "overflow-hidden",
+        "h-(--collapsible-panel-height) data-ending-style:h-0 data-starting-style:h-0",
+        "transition-[height,opacity] duration-200 ease-smooth",
+        "data-ending-style:opacity-0 data-starting-style:opacity-0",
+        "motion-reduce:transition-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+});
+//# sourceMappingURL=collapsible.cjs.map

package/dist/components/collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collapsible.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Collapsible({ className, ...props }: CollapsiblePrimitive.Root.Props) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"collapsible\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleTrigger({\n  className,\n  ...props\n}: CollapsiblePrimitive.Trigger.Props) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      className={cn(\"focus-visible:focus-ring no-highlight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({\n  className,\n  ...props\n}: CollapsiblePrimitive.Panel.Props) {\n  return (\n    <CollapsiblePrimitive.Panel\n      data-slot=\"collapsible-content\"\n      className={cn(\n        \"overflow-hidden\",\n        \"h-(--collapsible-panel-height) data-ending-style:h-0 data-starting-style:h-0\",\n        \"transition-[height,opacity] duration-200 ease-smooth\",\n        \"data-ending-style:opacity-0 data-starting-style:opacity-0\",\n        \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n\nexport type CollapsibleProps = React.ComponentProps<typeof Collapsible>;\nexport type CollapsibleTriggerProps = React.ComponentProps<\n  typeof CollapsibleTrigger\n>;\nexport type CollapsibleContentProps = React.ComponentProps<\n  typeof CollapsibleContent\n>;\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,yBAAoD;;;ACFpD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADGI;AAFJ,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAoC;AAC7E,SACE;AAAA,IAAC,mBAAAA,YAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,SACE;AAAA,IAAC,mBAAAA,YAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yCAAyC,SAAS;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACE;AAAA,IAAC,mBAAAA,YAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["CollapsiblePrimitive"]}

package/dist/components/collapsible.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
+
+declare function Collapsible({ className, ...props }: Collapsible$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ className, ...props }: Collapsible$1.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ className, ...props }: Collapsible$1.Panel.Props): react_jsx_runtime.JSX.Element;
+
+type CollapsibleProps = React.ComponentProps<typeof Collapsible>;
+type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger>;
+type CollapsibleContentProps = React.ComponentProps<typeof CollapsibleContent>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/components/collapsible.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
+
+declare function Collapsible({ className, ...props }: Collapsible$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ className, ...props }: Collapsible$1.Trigger.Props): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ className, ...props }: Collapsible$1.Panel.Props): react_jsx_runtime.JSX.Element;
+
+type CollapsibleProps = React.ComponentProps<typeof Collapsible>;
+type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger>;
+type CollapsibleContentProps = React.ComponentProps<typeof CollapsibleContent>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/components/collapsible.js

@@ -0,0 +1,63 @@
+"use client";
+
+// src/components/collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/collapsible.tsx
+import { jsx } from "react/jsx-runtime";
+function Collapsible({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Root,
+    {
+      "data-slot": "collapsible",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function CollapsibleTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Trigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: cn("focus-visible:focus-ring no-highlight", className),
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Panel,
+    {
+      "data-slot": "collapsible-content",
+      className: cn(
+        "overflow-hidden",
+        "h-(--collapsible-panel-height) data-ending-style:h-0 data-starting-style:h-0",
+        "transition-[height,opacity] duration-200 ease-smooth",
+        "data-ending-style:opacity-0 data-starting-style:opacity-0",
+        "motion-reduce:transition-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+};
+//# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/collapsible.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Collapsible({ className, ...props }: CollapsiblePrimitive.Root.Props) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"collapsible\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleTrigger({\n  className,\n  ...props\n}: CollapsiblePrimitive.Trigger.Props) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      className={cn(\"focus-visible:focus-ring no-highlight\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({\n  className,\n  ...props\n}: CollapsiblePrimitive.Panel.Props) {\n  return (\n    <CollapsiblePrimitive.Panel\n      data-slot=\"collapsible-content\"\n      className={cn(\n        \"overflow-hidden\",\n        \"h-(--collapsible-panel-height) data-ending-style:h-0 data-starting-style:h-0\",\n        \"transition-[height,opacity] duration-200 ease-smooth\",\n        \"data-ending-style:opacity-0 data-starting-style:opacity-0\",\n        \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n\nexport type CollapsibleProps = React.ComponentProps<typeof Collapsible>;\nexport type CollapsibleTriggerProps = React.ComponentProps<\n  typeof CollapsibleTrigger\n>;\nexport type CollapsibleContentProps = React.ComponentProps<\n  typeof CollapsibleContent\n>;\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,eAAe,4BAA4B;;;ACFpD,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADGI;AAFJ,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAoC;AAC7E,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yCAAyC,SAAS;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}