@iclips/ui 1.4.13 → 2.0.0

package/dist/components/ui/layout/card.js

@@ -0,0 +1,104 @@
+import { jsx as d } from "react/jsx-runtime";
+import * as e from "react";
+import { cn as o } from "../utils.js";
+const s = e.forwardRef(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card",
+      className: o(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border",
+        a
+      ),
+      ...r
+    }
+  )
+);
+s.displayName = "Card";
+const c = e.forwardRef(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card-header",
+      className: o(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        a
+      ),
+      ...r
+    }
+  )
+);
+c.displayName = "CardHeader";
+const i = e.forwardRef(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+    "h4",
+    {
+      ref: t,
+      "data-slot": "card-title",
+      className: o("font-semibold leading-[1.2]", a),
+      ...r
+    }
+  )
+);
+i.displayName = "CardTitle";
+const l = e.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ d(
+  "p",
+  {
+    ref: t,
+    "data-slot": "card-description",
+    className: o("text-muted-foreground leading-relaxed", a),
+    ...r
+  }
+));
+l.displayName = "CardDescription";
+const n = e.forwardRef(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card-action",
+      className: o(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        a
+      ),
+      ...r
+    }
+  )
+);
+n.displayName = "CardAction";
+const f = e.forwardRef(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card-content",
+      className: o("px-6 [&:last-child]:pb-6", a),
+      ...r
+    }
+  )
+);
+f.displayName = "CardContent";
+const p = e.forwardRef(
+  ({ className: a, ...r }, t) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: t,
+      "data-slot": "card-footer",
+      className: o("flex items-center px-6 pb-6 [.border-t]:pt-6", a),
+      ...r
+    }
+  )
+);
+p.displayName = "CardFooter";
+export {
+  s as Card,
+  n as CardAction,
+  f as CardContent,
+  l as CardDescription,
+  p as CardFooter,
+  c as CardHeader,
+  i as CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/components/ui/layout/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../../src/components/ui/layout/card.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../utils\";\n\nconst Card = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card\"\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<HTMLHeadingElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <h4\n      ref={ref}\n      data-slot=\"card-title\"\n      className={cn(\"font-semibold leading-[1.2]\", className)}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"card-description\"\n    className={cn(\"text-muted-foreground leading-relaxed\", className)}\n    {...props}\n  />\n));\nCardDescription.displayName = \"CardDescription\";\n\nconst CardAction = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardAction.displayName = \"CardAction\";\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-content\"\n      className={cn(\"px-6 [&:last-child]:pb-6\", className)}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 pb-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n};\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";;;AAIA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAK,cAAc;AAEnB,MAAMO,IAAaN,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAI,EAAW,cAAc;AAEzB,MAAMC,IAAYP,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAG,+BAA+BJ,CAAS;AAAA,MACrD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAU,cAAc;AAExB,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,yCAAyCJ,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAE9B,MAAMC,IAAaT,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAO,EAAW,cAAc;AAEzB,MAAMC,IAAcV,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAG,4BAA4BJ,CAAS;AAAA,MAClD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAQ,EAAY,cAAc;AAE1B,MAAMC,IAAaX,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAG,gDAAgDJ,CAAS;AAAA,MACtE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAS,EAAW,cAAc;"}

package/dist/components/ui/layout/carousel.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),D=require("react"),O=require("embla-carousel-react"),v=require("lucide-react"),x=require("../utils.cjs"),b=require("../primitives/button.cjs");function E(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const l=E(D),h=l.createContext(null);function C(){const t=l.useContext(h);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t}const y=l.forwardRef(({orientation:t="horizontal",opts:r,setApi:o,plugins:s,className:c,children:u,...i},d)=>{const[g,e]=O({...r,axis:t==="horizontal"?"x":"y"},s),[R,p]=l.useState(!1),[k,z]=l.useState(!1),f=l.useCallback(n=>{n&&(p(n.canScrollPrev()),z(n.canScrollNext()))},[]),m=l.useCallback(()=>{e==null||e.scrollPrev()},[e]),N=l.useCallback(()=>{e==null||e.scrollNext()},[e]),q=l.useCallback(n=>{n.key==="ArrowLeft"?(n.preventDefault(),m()):n.key==="ArrowRight"&&(n.preventDefault(),N())},[m,N]);return l.useEffect(()=>{!e||!o||o(e)},[e,o]),l.useEffect(()=>{if(e)return f(e),e.on("reInit",f),e.on("select",f),()=>{e==null||e.off("select",f)}},[e,f]),a.jsx(h.Provider,{value:{carouselRef:g,api:e,opts:r,orientation:t||((r==null?void 0:r.axis)==="y"?"vertical":"horizontal"),scrollPrev:m,scrollNext:N,canScrollPrev:R,canScrollNext:k},children:a.jsx("div",{ref:d,onKeyDownCapture:q,className:x.cn("relative",c),role:"region","aria-roledescription":"carousel","data-slot":"carousel",...i,children:u})})});y.displayName="Carousel";const w=l.forwardRef(({className:t,...r},o)=>{const{carouselRef:s,orientation:c}=C();return a.jsx("div",{ref:s,className:"overflow-hidden","data-slot":"carousel-content",children:a.jsx("div",{ref:o,className:x.cn("flex",c==="horizontal"?"-ml-4":"-mt-4 flex-col",t),...r})})});w.displayName="CarouselContent";const j=l.forwardRef(({className:t,...r},o)=>{const{orientation:s}=C();return a.jsx("div",{ref:o,role:"group","aria-roledescription":"slide","data-slot":"carousel-item",className:x.cn("min-w-0 shrink-0 grow-0 basis-full",s==="horizontal"?"pl-4":"pt-4",t),...r})});j.displayName="CarouselItem";const P=l.forwardRef(({className:t,variant:r="outline",size:o="icon",...s},c)=>{const{orientation:u,scrollPrev:i,canScrollPrev:d}=C();return a.jsxs(b.Button,{ref:c,"data-slot":"carousel-previous",variant:r,size:o,className:x.cn("absolute size-8 rounded-full",u==="horizontal"?"top-1/2 -left-12 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!d,onClick:i,...s,children:[a.jsx(v.ArrowLeft,{}),a.jsx("span",{className:"sr-only",children:"Previous slide"})]})});P.displayName="CarouselPrevious";const S=l.forwardRef(({className:t,variant:r="outline",size:o="icon",...s},c)=>{const{orientation:u,scrollNext:i,canScrollNext:d}=C();return a.jsxs(b.Button,{ref:c,"data-slot":"carousel-next",variant:r,size:o,className:x.cn("absolute size-8 rounded-full",u==="horizontal"?"top-1/2 -right-12 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!d,onClick:i,...s,children:[a.jsx(v.ArrowRight,{}),a.jsx("span",{className:"sr-only",children:"Next slide"})]})});S.displayName="CarouselNext";exports.Carousel=y;exports.CarouselContent=w;exports.CarouselItem=j;exports.CarouselNext=S;exports.CarouselPrevious=P;
+//# sourceMappingURL=carousel.cjs.map

package/dist/components/ui/layout/carousel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.cjs","sources":["../../../../src/components/ui/layout/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\n\nimport { cn } from \"../utils\";\nimport { Button } from \"../primitives/button\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n}\n\nconst Carousel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & CarouselProps\n>(({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}, ref) => {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins,\n  );\n  const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n  const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n  const onSelect = React.useCallback((api: CarouselApi) => {\n    if (!api) return;\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = React.useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = React.useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  React.useEffect(() => {\n    if (!api || !setApi) return;\n    setApi(api);\n  }, [api, setApi]);\n\n  React.useEffect(() => {\n    if (!api) return;\n    onSelect(api);\n    api.on(\"reInit\", onSelect);\n    api.on(\"select\", onSelect);\n\n    return () => {\n      api?.off(\"select\", onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation:\n          orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div\n        ref={ref}\n        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n});\nCarousel.displayName = \"Carousel\";\n\nconst CarouselContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      ref={carouselRef}\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        ref={ref}\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\nCarouselContent.displayName = \"CarouselContent\";\n\nconst CarouselItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nCarouselItem.displayName = \"CarouselItem\";\n\nconst CarouselPrevious = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}, ref) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      ref={ref}\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n});\nCarouselPrevious.displayName = \"CarouselPrevious\";\n\nconst CarouselNext = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}, ref) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      ref={ref}\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n});\nCarouselNext.displayName = \"CarouselNext\";\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n};\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":"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"}

package/dist/components/ui/layout/carousel.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import * as r from "react";
+import k from "embla-carousel-react";
+import { ArrowRight as z, ArrowLeft as g } from "lucide-react";
+import { cn as m } from "../utils.js";
+import { Button as v } from "../primitives/button.js";
+const w = r.createContext(null);
+function C() {
+  const o = r.useContext(w);
+  if (!o)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return o;
+}
+const D = r.forwardRef(({
+  orientation: o = "horizontal",
+  opts: l,
+  setApi: t,
+  plugins: a,
+  className: c,
+  children: i,
+  ...u
+}, f) => {
+  const [y, e] = k(
+    {
+      ...l,
+      axis: o === "horizontal" ? "x" : "y"
+    },
+    a
+  ), [b, p] = r.useState(!1), [P, S] = r.useState(!1), d = r.useCallback((n) => {
+    n && (p(n.canScrollPrev()), S(n.canScrollNext()));
+  }, []), x = r.useCallback(() => {
+    e == null || e.scrollPrev();
+  }, [e]), N = r.useCallback(() => {
+    e == null || e.scrollNext();
+  }, [e]), R = r.useCallback(
+    (n) => {
+      n.key === "ArrowLeft" ? (n.preventDefault(), x()) : n.key === "ArrowRight" && (n.preventDefault(), N());
+    },
+    [x, N]
+  );
+  return r.useEffect(() => {
+    !e || !t || t(e);
+  }, [e, t]), r.useEffect(() => {
+    if (e)
+      return d(e), e.on("reInit", d), e.on("select", d), () => {
+        e == null || e.off("select", d);
+      };
+  }, [e, d]), /* @__PURE__ */ s(
+    w.Provider,
+    {
+      value: {
+        carouselRef: y,
+        api: e,
+        opts: l,
+        orientation: o || ((l == null ? void 0 : l.axis) === "y" ? "vertical" : "horizontal"),
+        scrollPrev: x,
+        scrollNext: N,
+        canScrollPrev: b,
+        canScrollNext: P
+      },
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          ref: f,
+          onKeyDownCapture: R,
+          className: m("relative", c),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...u,
+          children: i
+        }
+      )
+    }
+  );
+});
+D.displayName = "Carousel";
+const E = r.forwardRef(({ className: o, ...l }, t) => {
+  const { carouselRef: a, orientation: c } = C();
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: a,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          ref: t,
+          className: m(
+            "flex",
+            c === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+            o
+          ),
+          ...l
+        }
+      )
+    }
+  );
+});
+E.displayName = "CarouselContent";
+const I = r.forwardRef(({ className: o, ...l }, t) => {
+  const { orientation: a } = C();
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: t,
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: m(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        a === "horizontal" ? "pl-4" : "pt-4",
+        o
+      ),
+      ...l
+    }
+  );
+});
+I.displayName = "CarouselItem";
+const j = r.forwardRef(({
+  className: o,
+  variant: l = "outline",
+  size: t = "icon",
+  ...a
+}, c) => {
+  const { orientation: i, scrollPrev: u, canScrollPrev: f } = C();
+  return /* @__PURE__ */ h(
+    v,
+    {
+      ref: c,
+      "data-slot": "carousel-previous",
+      variant: l,
+      size: t,
+      className: m(
+        "absolute size-8 rounded-full",
+        i === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        o
+      ),
+      disabled: !f,
+      onClick: u,
+      ...a,
+      children: [
+        /* @__PURE__ */ s(g, {}),
+        /* @__PURE__ */ s("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+});
+j.displayName = "CarouselPrevious";
+const A = r.forwardRef(({
+  className: o,
+  variant: l = "outline",
+  size: t = "icon",
+  ...a
+}, c) => {
+  const { orientation: i, scrollNext: u, canScrollNext: f } = C();
+  return /* @__PURE__ */ h(
+    v,
+    {
+      ref: c,
+      "data-slot": "carousel-next",
+      variant: l,
+      size: t,
+      className: m(
+        "absolute size-8 rounded-full",
+        i === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        o
+      ),
+      disabled: !f,
+      onClick: u,
+      ...a,
+      children: [
+        /* @__PURE__ */ s(z, {}),
+        /* @__PURE__ */ s("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+});
+A.displayName = "CarouselNext";
+export {
+  D as Carousel,
+  E as CarouselContent,
+  I as CarouselItem,
+  A as CarouselNext,
+  j as CarouselPrevious
+};
+//# sourceMappingURL=carousel.js.map

package/dist/components/ui/layout/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../../../src/components/ui/layout/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\n\nimport { cn } from \"../utils\";\nimport { Button } from \"../primitives/button\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n}\n\nconst Carousel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & CarouselProps\n>(({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}, ref) => {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins,\n  );\n  const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n  const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n  const onSelect = React.useCallback((api: CarouselApi) => {\n    if (!api) return;\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = React.useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = React.useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  React.useEffect(() => {\n    if (!api || !setApi) return;\n    setApi(api);\n  }, [api, setApi]);\n\n  React.useEffect(() => {\n    if (!api) return;\n    onSelect(api);\n    api.on(\"reInit\", onSelect);\n    api.on(\"select\", onSelect);\n\n    return () => {\n      api?.off(\"select\", onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation:\n          orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div\n        ref={ref}\n        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n});\nCarousel.displayName = \"Carousel\";\n\nconst CarouselContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      ref={carouselRef}\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        ref={ref}\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\nCarouselContent.displayName = \"CarouselContent\";\n\nconst CarouselItem = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nCarouselItem.displayName = \"CarouselItem\";\n\nconst CarouselPrevious = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}, ref) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      ref={ref}\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n});\nCarouselPrevious.displayName = \"CarouselPrevious\";\n\nconst CarouselNext = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}, ref) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      ref={ref}\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n});\nCarouselNext.displayName = \"CarouselNext\";\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n};\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":";;;;;;;AAgCA,MAAMA,IAAkBC,EAAM,cAA2C,IAAI;AAE7E,SAASC,IAAc;AACrB,QAAMC,IAAUF,EAAM,WAAWD,CAAe;AAEhD,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,gDAAgD;AAGlE,SAAOA;AACT;AAEA,MAAMC,IAAWH,EAAM,WAGrB,CAAC;AAAA,EACD,aAAAI,IAAc;AAAA,EACd,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAQ;AACT,QAAM,CAACC,GAAaC,CAAG,IAAIC;AAAA,IACzB;AAAA,MACE,GAAGT;AAAA,MACH,MAAMD,MAAgB,eAAe,MAAM;AAAA,IAAA;AAAA,IAE7CG;AAAA,EAAA,GAEI,CAACQ,GAAeC,CAAgB,IAAIhB,EAAM,SAAS,EAAK,GACxD,CAACiB,GAAeC,CAAgB,IAAIlB,EAAM,SAAS,EAAK,GAExDmB,IAAWnB,EAAM,YAAY,CAACa,MAAqB;AACvD,IAAKA,MACLG,EAAiBH,EAAI,eAAe,GACpCK,EAAiBL,EAAI,eAAe;AAAA,EACtC,GAAG,CAAA,CAAE,GAECO,IAAapB,EAAM,YAAY,MAAM;AACzC,IAAAa,KAAA,QAAAA,EAAK;AAAA,EACP,GAAG,CAACA,CAAG,CAAC,GAEFQ,IAAarB,EAAM,YAAY,MAAM;AACzC,IAAAa,KAAA,QAAAA,EAAK;AAAA,EACP,GAAG,CAACA,CAAG,CAAC,GAEFS,IAAgBtB,EAAM;AAAA,IAC1B,CAACuB,MAA+C;AAC9C,MAAIA,EAAM,QAAQ,eAChBA,EAAM,eAAA,GACNH,EAAA,KACSG,EAAM,QAAQ,iBACvBA,EAAM,eAAA,GACNF,EAAA;AAAA,IAEJ;AAAA,IACA,CAACD,GAAYC,CAAU;AAAA,EAAA;AAGzB,SAAArB,EAAM,UAAU,MAAM;AACpB,IAAI,CAACa,KAAO,CAACP,KACbA,EAAOO,CAAG;AAAA,EACZ,GAAG,CAACA,GAAKP,CAAM,CAAC,GAEhBN,EAAM,UAAU,MAAM;AACpB,QAAKa;AACL,aAAAM,EAASN,CAAG,GACZA,EAAI,GAAG,UAAUM,CAAQ,GACzBN,EAAI,GAAG,UAAUM,CAAQ,GAElB,MAAM;AACX,QAAAN,KAAA,QAAAA,EAAK,IAAI,UAAUM;AAAA,MACrB;AAAA,EACF,GAAG,CAACN,GAAKM,CAAQ,CAAC,GAGhB,gBAAAK;AAAA,IAACzB,EAAgB;AAAA,IAAhB;AAAA,MACC,OAAO;AAAA,QACL,aAAAa;AAAA,QACA,KAAAC;AAAA,QACA,MAAAR;AAAA,QACA,aACED,OAAgBC,KAAA,gBAAAA,EAAM,UAAS,MAAM,aAAa;AAAA,QACpD,YAAAe;AAAA,QACA,YAAAC;AAAA,QACA,eAAAN;AAAA,QACA,eAAAE;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAb;AAAA,UACA,kBAAkBW;AAAA,UAClB,WAAWG,EAAG,YAAYjB,CAAS;AAAA,UACnC,MAAK;AAAA,UACL,wBAAqB;AAAA,UACrB,aAAU;AAAA,UACT,GAAGE;AAAA,UAEH,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;AACDN,EAAS,cAAc;AAEvB,MAAMuB,IAAkB1B,EAAM,WAG5B,CAAC,EAAE,WAAAQ,GAAW,GAAGE,EAAA,GAASC,MAAQ;AAClC,QAAM,EAAE,aAAAC,GAAa,aAAAR,EAAA,IAAgBH,EAAA;AAErC,SACE,gBAAAuB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKZ;AAAA,MACL,WAAU;AAAA,MACV,aAAU;AAAA,MAEV,UAAA,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAb;AAAA,UACA,WAAWc;AAAA,YACT;AAAA,YACArB,MAAgB,eAAe,UAAU;AAAA,YACzCI;AAAA,UAAA;AAAA,UAED,GAAGE;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,CAAC;AACDgB,EAAgB,cAAc;AAE9B,MAAMC,IAAe3B,EAAM,WAGzB,CAAC,EAAE,WAAAQ,GAAW,GAAGE,EAAA,GAASC,MAAQ;AAClC,QAAM,EAAE,aAAAP,EAAA,IAAgBH,EAAA;AAExB,SACE,gBAAAuB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,MAAK;AAAA,MACL,wBAAqB;AAAA,MACrB,aAAU;AAAA,MACV,WAAWc;AAAA,QACT;AAAA,QACArB,MAAgB,eAAe,SAAS;AAAA,QACxCI;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDiB,EAAa,cAAc;AAE3B,MAAMC,IAAmB5B,EAAM,WAG7B,CAAC;AAAA,EACD,WAAAQ;AAAA,EACA,SAAAqB,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGpB;AACL,GAAGC,MAAQ;AACT,QAAM,EAAE,aAAAP,GAAa,YAAAgB,GAAY,eAAAL,EAAA,IAAkBd,EAAA;AAEnD,SACE,gBAAA8B;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACA,aAAU;AAAA,MACV,SAAAkB;AAAA,MACA,MAAAC;AAAA,MACA,WAAWL;AAAA,QACT;AAAA,QACArB,MAAgB,eACZ,sCACA;AAAA,QACJI;AAAA,MAAA;AAAA,MAEF,UAAU,CAACO;AAAA,MACX,SAASK;AAAA,MACR,GAAGV;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAc,EAACS,GAAA,EAAU;AAAA,QACX,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,iBAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9C,CAAC;AACDI,EAAiB,cAAc;AAE/B,MAAMM,IAAelC,EAAM,WAGzB,CAAC;AAAA,EACD,WAAAQ;AAAA,EACA,SAAAqB,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGpB;AACL,GAAGC,MAAQ;AACT,QAAM,EAAE,aAAAP,GAAa,YAAAiB,GAAY,eAAAJ,EAAA,IAAkBhB,EAAA;AAEnD,SACE,gBAAA8B;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACA,aAAU;AAAA,MACV,SAAAkB;AAAA,MACA,MAAAC;AAAA,MACA,WAAWL;AAAA,QACT;AAAA,QACArB,MAAgB,eACZ,uCACA;AAAA,QACJI;AAAA,MAAA;AAAA,MAEF,UAAU,CAACS;AAAA,MACX,SAASI;AAAA,MACR,GAAGX;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAc,EAACW,GAAA,EAAW;AAAA,QACZ,gBAAAX,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C,CAAC;AACDU,EAAa,cAAc;"}

package/dist/components/ui/layout/collapsible.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("react"),d=require("@radix-ui/react-collapsible");function r(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const i=r(b),t=r(d),n=i.forwardRef(({...e},l)=>a.jsx(t.Root,{ref:l,"data-slot":"collapsible",...e}));n.displayName=t.Root.displayName;const c=i.forwardRef(({...e},l)=>a.jsx(t.CollapsibleTrigger,{ref:l,"data-slot":"collapsible-trigger",...e}));c.displayName=t.CollapsibleTrigger.displayName;const p=i.forwardRef(({...e},l)=>a.jsx(t.CollapsibleContent,{ref:l,"data-slot":"collapsible-content",...e}));p.displayName=t.CollapsibleContent.displayName;exports.Collapsible=n;exports.CollapsibleContent=p;exports.CollapsibleTrigger=c;
+//# sourceMappingURL=collapsible.cjs.map

package/dist/components/ui/layout/collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.cjs","sources":["../../../../src/components/ui/layout/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nconst Collapsible = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>(({ ...props }, ref) => (\n  <CollapsiblePrimitive.Root ref={ref} data-slot=\"collapsible\" {...props} />\n));\nCollapsible.displayName = CollapsiblePrimitive.Root.displayName;\n\nconst CollapsibleTrigger = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>\n>(({ ...props }, ref) => (\n  <CollapsiblePrimitive.CollapsibleTrigger\n    ref={ref}\n    data-slot=\"collapsible-trigger\"\n    {...props}\n  />\n));\nCollapsibleTrigger.displayName =\n  CollapsiblePrimitive.CollapsibleTrigger.displayName;\n\nconst CollapsibleContent = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\n>(({ ...props }, ref) => (\n  <CollapsiblePrimitive.CollapsibleContent\n    ref={ref}\n    data-slot=\"collapsible-content\"\n    {...props}\n  />\n));\nCollapsibleContent.displayName =\n  CollapsiblePrimitive.CollapsibleContent.displayName;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"names":["Collapsible","React","props","ref","jsx","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":"+dAKMA,EAAcC,EAAM,WAGxB,CAAC,CAAE,GAAGC,GAASC,IACfC,EAAAA,IAACC,EAAqB,KAArB,CAA0B,IAAAF,EAAU,YAAU,cAAe,GAAGD,EAAO,CACzE,EACDF,EAAY,YAAcK,EAAqB,KAAK,YAEpD,MAAMC,EAAqBL,EAAM,WAG/B,CAAC,CAAE,GAAGC,CAAA,EAASC,IACfC,EAAAA,IAACC,EAAqB,mBAArB,CACC,IAAAF,EACA,YAAU,sBACT,GAAGD,CAAA,CACN,CACD,EACDI,EAAmB,YACjBD,EAAqB,mBAAmB,YAE1C,MAAME,EAAqBN,EAAM,WAG/B,CAAC,CAAE,GAAGC,CAAA,EAASC,IACfC,EAAAA,IAACC,EAAqB,mBAArB,CACC,IAAAF,EACA,YAAU,sBACT,GAAGD,CAAA,CACN,CACD,EACDK,EAAmB,YACjBF,EAAqB,mBAAmB"}

package/dist/components/ui/layout/collapsible.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import * as l from "@radix-ui/react-collapsible";
+const s = i.forwardRef(({ ...a }, o) => /* @__PURE__ */ e(l.Root, { ref: o, "data-slot": "collapsible", ...a }));
+s.displayName = l.Root.displayName;
+const t = i.forwardRef(({ ...a }, o) => /* @__PURE__ */ e(
+  l.CollapsibleTrigger,
+  {
+    ref: o,
+    "data-slot": "collapsible-trigger",
+    ...a
+  }
+));
+t.displayName = l.CollapsibleTrigger.displayName;
+const r = i.forwardRef(({ ...a }, o) => /* @__PURE__ */ e(
+  l.CollapsibleContent,
+  {
+    ref: o,
+    "data-slot": "collapsible-content",
+    ...a
+  }
+));
+r.displayName = l.CollapsibleContent.displayName;
+export {
+  s as Collapsible,
+  r as CollapsibleContent,
+  t as CollapsibleTrigger
+};
+//# sourceMappingURL=collapsible.js.map

package/dist/components/ui/layout/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sources":["../../../../src/components/ui/layout/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nconst Collapsible = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>(({ ...props }, ref) => (\n  <CollapsiblePrimitive.Root ref={ref} data-slot=\"collapsible\" {...props} />\n));\nCollapsible.displayName = CollapsiblePrimitive.Root.displayName;\n\nconst CollapsibleTrigger = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>\n>(({ ...props }, ref) => (\n  <CollapsiblePrimitive.CollapsibleTrigger\n    ref={ref}\n    data-slot=\"collapsible-trigger\"\n    {...props}\n  />\n));\nCollapsibleTrigger.displayName =\n  CollapsiblePrimitive.CollapsibleTrigger.displayName;\n\nconst CollapsibleContent = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\n>(({ ...props }, ref) => (\n  <CollapsiblePrimitive.CollapsibleContent\n    ref={ref}\n    data-slot=\"collapsible-content\"\n    {...props}\n  />\n));\nCollapsibleContent.displayName =\n  CollapsiblePrimitive.CollapsibleContent.displayName;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"names":["Collapsible","React","props","ref","jsx","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";;;;AAKA,MAAMA,IAAcC,EAAM,WAGxB,CAAC,EAAE,GAAGC,KAASC,MACf,gBAAAC,EAACC,EAAqB,MAArB,EAA0B,KAAAF,GAAU,aAAU,eAAe,GAAGD,GAAO,CACzE;AACDF,EAAY,cAAcK,EAAqB,KAAK;AAEpD,MAAMC,IAAqBL,EAAM,WAG/B,CAAC,EAAE,GAAGC,EAAA,GAASC,MACf,gBAAAC;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACT,GAAGD;AAAA,EAAA;AACN,CACD;AACDI,EAAmB,cACjBD,EAAqB,mBAAmB;AAE1C,MAAME,IAAqBN,EAAM,WAG/B,CAAC,EAAE,GAAGC,EAAA,GAASC,MACf,gBAAAC;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,aAAU;AAAA,IACT,GAAGD;AAAA,EAAA;AACN,CACD;AACDK,EAAmB,cACjBF,EAAqB,mBAAmB;"}

package/dist/components/ui/layout/page-header.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),i=require("lucide-react"),h=require("../primitives/button.cjs"),n=require("../navigation/breadcrumb.cjs"),o=require("../utils.cjs");function u(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(s,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return s.default=r,Object.freeze(s)}const j=u(x);function f({title:r,description:s,breadcrumbs:t,secondaryNavCollapsed:a=!1,onSecondaryNavToggle:l,className:d}){return e.jsxs("div",{className:o.cn("border-b bg-background",d),children:[e.jsxs("div",{className:"flex h-14 items-center gap-4 px-6",children:[l&&e.jsx(h.Button,{variant:"ghost",size:"icon",className:"h-8 w-8 shrink-0",onClick:l,title:a?"Mostrar menu lateral":"Ocultar menu lateral",children:a?e.jsx(i.PanelLeftOpen,{className:"h-4 w-4"}):e.jsx(i.PanelLeftClose,{className:"h-4 w-4"})}),t&&t.length>0&&e.jsx(n.Breadcrumb,{children:e.jsx(n.BreadcrumbList,{children:t.map((c,m)=>e.jsxs(j.Fragment,{children:[m>0&&e.jsx(n.BreadcrumbSeparator,{}),e.jsx(n.BreadcrumbItem,{children:m===t.length-1?e.jsx(n.BreadcrumbPage,{children:c.label}):c.href?e.jsx(n.BreadcrumbLink,{href:c.href,children:c.label}):e.jsx("span",{children:c.label})})]},m))})}),!t&&e.jsx("div",{className:"flex-1",children:e.jsx("h1",{className:"text-lg font-semibold",children:r})})]}),s&&e.jsx("div",{className:"border-t px-6 py-3",children:e.jsx("p",{className:"text-sm text-muted-foreground",children:s})})]})}function g({title:r,icon:s,badge:t,secondaryNavCollapsed:a=!1,onSecondaryNavToggle:l,className:d}){return e.jsxs("div",{className:o.cn("flex h-14 items-center gap-3 border-b bg-background px-6",d),children:[l&&e.jsx(h.Button,{variant:"ghost",size:"icon",className:"h-8 w-8 shrink-0",onClick:l,title:a?"Mostrar menu lateral":"Ocultar menu lateral",children:a?e.jsx(i.PanelLeftOpen,{className:"h-4 w-4"}):e.jsx(i.PanelLeftClose,{className:"h-4 w-4"})}),s&&e.jsx("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10",children:e.jsx(s,{className:"h-4 w-4 text-primary"})}),e.jsx("h1",{className:"flex-1 text-lg font-semibold",children:r}),t&&e.jsx("div",{className:"shrink-0",children:t})]})}function b({title:r,subtitle:s,actions:t,className:a}){return e.jsxs("div",{className:o.cn("flex items-start justify-between gap-4",a),children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight",children:r}),s&&e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:s})]}),t&&e.jsx("div",{className:"flex items-center gap-2",children:t})]})}exports.CompactPageHeader=g;exports.ContentSectionHeader=b;exports.PageHeader=f;
+//# sourceMappingURL=page-header.cjs.map

package/dist/components/ui/layout/page-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.cjs","sources":["../../../../src/components/ui/layout/page-header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PanelLeftClose, PanelLeftOpen, type LucideIcon } from \"lucide-react\";\nimport { Button } from \"../primitives/button\";\nimport { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from \"../navigation/breadcrumb\";\nimport { cn } from \"../utils\";\n\nexport interface BreadcrumbItemData {\n  label: string;\n  href?: string;\n}\n\nexport interface PageHeaderProps {\n  title: string;\n  description?: string;\n  breadcrumbs?: BreadcrumbItemData[];\n  secondaryNavCollapsed?: boolean;\n  onSecondaryNavToggle?: () => void;\n  className?: string;\n}\n\nexport function PageHeader({\n  title,\n  description,\n  breadcrumbs,\n  secondaryNavCollapsed = false,\n  onSecondaryNavToggle,\n  className,\n}: PageHeaderProps) {\n  return (\n    <div className={cn(\"border-b bg-background\", className)}>\n      <div className=\"flex h-14 items-center gap-4 px-6\">\n        {/* Toggle SecondaryNav Button - só exibe se houver handler */}\n        {onSecondaryNavToggle && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-8 w-8 shrink-0\"\n            onClick={onSecondaryNavToggle}\n            title={secondaryNavCollapsed ? \"Mostrar menu lateral\" : \"Ocultar menu lateral\"}\n          >\n            {secondaryNavCollapsed ? (\n              <PanelLeftOpen className=\"h-4 w-4\" />\n            ) : (\n              <PanelLeftClose className=\"h-4 w-4\" />\n            )}\n          </Button>\n        )}\n\n        {/* Breadcrumbs */}\n        {breadcrumbs && breadcrumbs.length > 0 && (\n          <Breadcrumb>\n            <BreadcrumbList>\n              {breadcrumbs.map((item, index) => (\n                <React.Fragment key={index}>\n                  {index > 0 && <BreadcrumbSeparator />}\n                  <BreadcrumbItem>\n                    {index === breadcrumbs.length - 1 ? (\n                      <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                    ) : item.href ? (\n                      <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                    ) : (\n                      <span>{item.label}</span>\n                    )}\n                  </BreadcrumbItem>\n                </React.Fragment>\n              ))}\n            </BreadcrumbList>\n          </Breadcrumb>\n        )}\n\n        {/* Title (se não houver breadcrumbs) */}\n        {!breadcrumbs && (\n          <div className=\"flex-1\">\n            <h1 className=\"text-lg font-semibold\">{title}</h1>\n          </div>\n        )}\n      </div>\n\n      {/* Description row (optional) */}\n      {description && (\n        <div className=\"border-t px-6 py-3\">\n          <p className=\"text-sm text-muted-foreground\">{description}</p>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Variant: Compact header sem border extra\nexport interface CompactPageHeaderProps {\n  title: string;\n  icon?: LucideIcon;\n  badge?: React.ReactNode;\n  secondaryNavCollapsed?: boolean;\n  onSecondaryNavToggle?: () => void;\n  className?: string;\n}\n\nexport function CompactPageHeader({\n  title,\n  icon: Icon,\n  badge,\n  secondaryNavCollapsed = false,\n  onSecondaryNavToggle,\n  className,\n}: CompactPageHeaderProps) {\n  return (\n    <div className={cn(\"flex h-14 items-center gap-3 border-b bg-background px-6\", className)}>\n      {/* Toggle SecondaryNav Button - só exibe se houver handler */}\n      {onSecondaryNavToggle && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"h-8 w-8 shrink-0\"\n          onClick={onSecondaryNavToggle}\n          title={secondaryNavCollapsed ? \"Mostrar menu lateral\" : \"Ocultar menu lateral\"}\n        >\n          {secondaryNavCollapsed ? (\n            <PanelLeftOpen className=\"h-4 w-4\" />\n          ) : (\n            <PanelLeftClose className=\"h-4 w-4\" />\n          )}\n        </Button>\n      )}\n\n      {/* Icon */}\n      {Icon && (\n        <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10\">\n          <Icon className=\"h-4 w-4 text-primary\" />\n        </div>\n      )}\n\n      {/* Title */}\n      <h1 className=\"flex-1 text-lg font-semibold\">{title}</h1>\n\n      {/* Badge */}\n      {badge && <div className=\"shrink-0\">{badge}</div>}\n    </div>\n  );\n}\n\n// Component: Content Section Header com actions\nexport interface ContentSectionHeaderProps {\n  title: string;\n  subtitle?: string;\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function ContentSectionHeader({\n  title,\n  subtitle,\n  actions,\n  className,\n}: ContentSectionHeaderProps) {\n  return (\n    <div className={cn(\"flex items-start justify-between gap-4\", className)}>\n      <div className=\"flex-1\">\n        <h2 className=\"text-2xl font-semibold tracking-tight\">{title}</h2>\n        {subtitle && (\n          <p className=\"text-sm text-muted-foreground mt-1\">{subtitle}</p>\n        )}\n      </div>\n      {actions && (\n        <div className=\"flex items-center gap-2\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["PageHeader","title","description","breadcrumbs","secondaryNavCollapsed","onSecondaryNavToggle","className","cn","jsxs","jsx","Button","PanelLeftOpen","PanelLeftClose","Breadcrumb","BreadcrumbList","item","index","React","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","CompactPageHeader","Icon","badge","ContentSectionHeader","subtitle","actions"],"mappings":"siBAoBO,SAASA,EAAW,CACzB,MAAAC,EACA,YAAAC,EACA,YAAAC,EACA,sBAAAC,EAAwB,GACxB,qBAAAC,EACA,UAAAC,CACF,EAAoB,CAClB,cACG,MAAA,CAAI,UAAWC,EAAAA,GAAG,yBAA0BD,CAAS,EACpD,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAU,oCAEZ,SAAA,CAAAH,GACCI,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,mBACV,QAASL,EACT,MAAOD,EAAwB,uBAAyB,uBAEvD,SAAAA,QACEO,EAAAA,cAAA,CAAc,UAAU,UAAU,EAEnCF,EAAAA,IAACG,EAAAA,eAAA,CAAe,UAAU,SAAA,CAAU,CAAA,CAAA,EAMzCT,GAAeA,EAAY,OAAS,GACnCM,EAAAA,IAACI,cACC,SAAAJ,EAAAA,IAACK,EAAAA,eAAA,CACE,SAAAX,EAAY,IAAI,CAACY,EAAMC,IACtBR,EAAAA,KAACS,EAAM,SAAN,CACE,SAAA,CAAAD,EAAQ,SAAME,EAAAA,oBAAA,CAAA,CAAoB,EACnCT,EAAAA,IAACU,EAAAA,eAAA,CACE,SAAAH,IAAUb,EAAY,OAAS,EAC9BM,EAAAA,IAACW,EAAAA,eAAA,CAAgB,SAAAL,EAAK,KAAA,CAAM,EAC1BA,EAAK,KACPN,EAAAA,IAACY,EAAAA,eAAA,CAAe,KAAMN,EAAK,KAAO,SAAAA,EAAK,KAAA,CAAM,EAE7CN,EAAAA,IAAC,OAAA,CAAM,SAAAM,EAAK,KAAA,CAAM,CAAA,CAEtB,CAAA,CAAA,EAVmBC,CAWrB,CACD,CAAA,CACH,EACF,EAID,CAACb,GACAM,EAAAA,IAAC,MAAA,CAAI,UAAU,SACb,SAAAA,EAAAA,IAAC,KAAA,CAAG,UAAU,wBAAyB,SAAAR,CAAA,CAAM,CAAA,CAC/C,CAAA,EAEJ,EAGCC,GACCO,EAAAA,IAAC,MAAA,CAAI,UAAU,qBACb,eAAC,IAAA,CAAE,UAAU,gCAAiC,SAAAP,CAAA,CAAY,CAAA,CAC5D,CAAA,EAEJ,CAEJ,CAYO,SAASoB,EAAkB,CAChC,MAAArB,EACA,KAAMsB,EACN,MAAAC,EACA,sBAAApB,EAAwB,GACxB,qBAAAC,EACA,UAAAC,CACF,EAA2B,CACzB,cACG,MAAA,CAAI,UAAWC,EAAAA,GAAG,2DAA4DD,CAAS,EAErF,SAAA,CAAAD,GACCI,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAU,mBACV,QAASL,EACT,MAAOD,EAAwB,uBAAyB,uBAEvD,SAAAA,QACEO,EAAAA,cAAA,CAAc,UAAU,UAAU,EAEnCF,EAAAA,IAACG,EAAAA,eAAA,CAAe,UAAU,SAAA,CAAU,CAAA,CAAA,EAMzCW,SACE,MAAA,CAAI,UAAU,6EACb,SAAAd,EAAAA,IAACc,EAAA,CAAK,UAAU,sBAAA,CAAuB,CAAA,CACzC,EAIFd,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAR,EAAM,EAGnDuB,GAASf,EAAAA,IAAC,MAAA,CAAI,UAAU,WAAY,SAAAe,CAAA,CAAM,CAAA,EAC7C,CAEJ,CAUO,SAASC,EAAqB,CACnC,MAAAxB,EACA,SAAAyB,EACA,QAAAC,EACA,UAAArB,CACF,EAA8B,CAC5B,cACG,MAAA,CAAI,UAAWC,EAAAA,GAAG,yCAA0CD,CAAS,EACpE,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,wCAAyC,SAAAR,EAAM,EAC5DyB,GACCjB,EAAAA,IAAC,IAAA,CAAE,UAAU,qCAAsC,SAAAiB,CAAA,CAAS,CAAA,EAEhE,EACCC,GACClB,EAAAA,IAAC,MAAA,CAAI,UAAU,0BACZ,SAAAkB,CAAA,CACH,CAAA,EAEJ,CAEJ"}

package/dist/components/ui/layout/page-header.js

@@ -0,0 +1,81 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import * as u from "react";
+import { PanelLeftOpen as d, PanelLeftClose as o } from "lucide-react";
+import { Button as f } from "../primitives/button.js";
+import { Breadcrumb as p, BreadcrumbList as x, BreadcrumbSeparator as g, BreadcrumbItem as N, BreadcrumbPage as b, BreadcrumbLink as k } from "../navigation/breadcrumb.js";
+import { cn as h } from "../utils.js";
+function L({
+  title: i,
+  description: a,
+  breadcrumbs: r,
+  secondaryNavCollapsed: l = !1,
+  onSecondaryNavToggle: n,
+  className: c
+}) {
+  return /* @__PURE__ */ t("div", { className: h("border-b bg-background", c), children: [
+    /* @__PURE__ */ t("div", { className: "flex h-14 items-center gap-4 px-6", children: [
+      n && /* @__PURE__ */ e(
+        f,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-8 w-8 shrink-0",
+          onClick: n,
+          title: l ? "Mostrar menu lateral" : "Ocultar menu lateral",
+          children: l ? /* @__PURE__ */ e(d, { className: "h-4 w-4" }) : /* @__PURE__ */ e(o, { className: "h-4 w-4" })
+        }
+      ),
+      r && r.length > 0 && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(x, { children: r.map((s, m) => /* @__PURE__ */ t(u.Fragment, { children: [
+        m > 0 && /* @__PURE__ */ e(g, {}),
+        /* @__PURE__ */ e(N, { children: m === r.length - 1 ? /* @__PURE__ */ e(b, { children: s.label }) : s.href ? /* @__PURE__ */ e(k, { href: s.href, children: s.label }) : /* @__PURE__ */ e("span", { children: s.label }) })
+      ] }, m)) }) }),
+      !r && /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("h1", { className: "text-lg font-semibold", children: i }) })
+    ] }),
+    a && /* @__PURE__ */ e("div", { className: "border-t px-6 py-3", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: a }) })
+  ] });
+}
+function C({
+  title: i,
+  icon: a,
+  badge: r,
+  secondaryNavCollapsed: l = !1,
+  onSecondaryNavToggle: n,
+  className: c
+}) {
+  return /* @__PURE__ */ t("div", { className: h("flex h-14 items-center gap-3 border-b bg-background px-6", c), children: [
+    n && /* @__PURE__ */ e(
+      f,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "h-8 w-8 shrink-0",
+        onClick: n,
+        title: l ? "Mostrar menu lateral" : "Ocultar menu lateral",
+        children: l ? /* @__PURE__ */ e(d, { className: "h-4 w-4" }) : /* @__PURE__ */ e(o, { className: "h-4 w-4" })
+      }
+    ),
+    a && /* @__PURE__ */ e("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10", children: /* @__PURE__ */ e(a, { className: "h-4 w-4 text-primary" }) }),
+    /* @__PURE__ */ e("h1", { className: "flex-1 text-lg font-semibold", children: i }),
+    r && /* @__PURE__ */ e("div", { className: "shrink-0", children: r })
+  ] });
+}
+function H({
+  title: i,
+  subtitle: a,
+  actions: r,
+  className: l
+}) {
+  return /* @__PURE__ */ t("div", { className: h("flex items-start justify-between gap-4", l), children: [
+    /* @__PURE__ */ t("div", { className: "flex-1", children: [
+      /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold tracking-tight", children: i }),
+      a && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mt-1", children: a })
+    ] }),
+    r && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: r })
+  ] });
+}
+export {
+  C as CompactPageHeader,
+  H as ContentSectionHeader,
+  L as PageHeader
+};
+//# sourceMappingURL=page-header.js.map

package/dist/components/ui/layout/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sources":["../../../../src/components/ui/layout/page-header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PanelLeftClose, PanelLeftOpen, type LucideIcon } from \"lucide-react\";\nimport { Button } from \"../primitives/button\";\nimport { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from \"../navigation/breadcrumb\";\nimport { cn } from \"../utils\";\n\nexport interface BreadcrumbItemData {\n  label: string;\n  href?: string;\n}\n\nexport interface PageHeaderProps {\n  title: string;\n  description?: string;\n  breadcrumbs?: BreadcrumbItemData[];\n  secondaryNavCollapsed?: boolean;\n  onSecondaryNavToggle?: () => void;\n  className?: string;\n}\n\nexport function PageHeader({\n  title,\n  description,\n  breadcrumbs,\n  secondaryNavCollapsed = false,\n  onSecondaryNavToggle,\n  className,\n}: PageHeaderProps) {\n  return (\n    <div className={cn(\"border-b bg-background\", className)}>\n      <div className=\"flex h-14 items-center gap-4 px-6\">\n        {/* Toggle SecondaryNav Button - só exibe se houver handler */}\n        {onSecondaryNavToggle && (\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-8 w-8 shrink-0\"\n            onClick={onSecondaryNavToggle}\n            title={secondaryNavCollapsed ? \"Mostrar menu lateral\" : \"Ocultar menu lateral\"}\n          >\n            {secondaryNavCollapsed ? (\n              <PanelLeftOpen className=\"h-4 w-4\" />\n            ) : (\n              <PanelLeftClose className=\"h-4 w-4\" />\n            )}\n          </Button>\n        )}\n\n        {/* Breadcrumbs */}\n        {breadcrumbs && breadcrumbs.length > 0 && (\n          <Breadcrumb>\n            <BreadcrumbList>\n              {breadcrumbs.map((item, index) => (\n                <React.Fragment key={index}>\n                  {index > 0 && <BreadcrumbSeparator />}\n                  <BreadcrumbItem>\n                    {index === breadcrumbs.length - 1 ? (\n                      <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                    ) : item.href ? (\n                      <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                    ) : (\n                      <span>{item.label}</span>\n                    )}\n                  </BreadcrumbItem>\n                </React.Fragment>\n              ))}\n            </BreadcrumbList>\n          </Breadcrumb>\n        )}\n\n        {/* Title (se não houver breadcrumbs) */}\n        {!breadcrumbs && (\n          <div className=\"flex-1\">\n            <h1 className=\"text-lg font-semibold\">{title}</h1>\n          </div>\n        )}\n      </div>\n\n      {/* Description row (optional) */}\n      {description && (\n        <div className=\"border-t px-6 py-3\">\n          <p className=\"text-sm text-muted-foreground\">{description}</p>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Variant: Compact header sem border extra\nexport interface CompactPageHeaderProps {\n  title: string;\n  icon?: LucideIcon;\n  badge?: React.ReactNode;\n  secondaryNavCollapsed?: boolean;\n  onSecondaryNavToggle?: () => void;\n  className?: string;\n}\n\nexport function CompactPageHeader({\n  title,\n  icon: Icon,\n  badge,\n  secondaryNavCollapsed = false,\n  onSecondaryNavToggle,\n  className,\n}: CompactPageHeaderProps) {\n  return (\n    <div className={cn(\"flex h-14 items-center gap-3 border-b bg-background px-6\", className)}>\n      {/* Toggle SecondaryNav Button - só exibe se houver handler */}\n      {onSecondaryNavToggle && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"h-8 w-8 shrink-0\"\n          onClick={onSecondaryNavToggle}\n          title={secondaryNavCollapsed ? \"Mostrar menu lateral\" : \"Ocultar menu lateral\"}\n        >\n          {secondaryNavCollapsed ? (\n            <PanelLeftOpen className=\"h-4 w-4\" />\n          ) : (\n            <PanelLeftClose className=\"h-4 w-4\" />\n          )}\n        </Button>\n      )}\n\n      {/* Icon */}\n      {Icon && (\n        <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10\">\n          <Icon className=\"h-4 w-4 text-primary\" />\n        </div>\n      )}\n\n      {/* Title */}\n      <h1 className=\"flex-1 text-lg font-semibold\">{title}</h1>\n\n      {/* Badge */}\n      {badge && <div className=\"shrink-0\">{badge}</div>}\n    </div>\n  );\n}\n\n// Component: Content Section Header com actions\nexport interface ContentSectionHeaderProps {\n  title: string;\n  subtitle?: string;\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function ContentSectionHeader({\n  title,\n  subtitle,\n  actions,\n  className,\n}: ContentSectionHeaderProps) {\n  return (\n    <div className={cn(\"flex items-start justify-between gap-4\", className)}>\n      <div className=\"flex-1\">\n        <h2 className=\"text-2xl font-semibold tracking-tight\">{title}</h2>\n        {subtitle && (\n          <p className=\"text-sm text-muted-foreground mt-1\">{subtitle}</p>\n        )}\n      </div>\n      {actions && (\n        <div className=\"flex items-center gap-2\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["PageHeader","title","description","breadcrumbs","secondaryNavCollapsed","onSecondaryNavToggle","className","cn","jsxs","jsx","Button","PanelLeftOpen","PanelLeftClose","Breadcrumb","BreadcrumbList","item","index","React","BreadcrumbSeparator","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","CompactPageHeader","Icon","badge","ContentSectionHeader","subtitle","actions"],"mappings":"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"}

package/dist/components/ui/layout/resizable.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react"),f=require("lucide-react"),p=require("react-resizable-panels"),n=require("../utils.cjs");function s(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=s(d),l=s(p),c=o.forwardRef(({className:e,...a},t)=>r.jsx(l.PanelGroup,{ref:t,"data-slot":"resizable-panel-group",className:n.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...a}));c.displayName="ResizablePanelGroup";const u=o.forwardRef(({...e},a)=>r.jsx(l.Panel,{ref:a,"data-slot":"resizable-panel",...e}));u.displayName="ResizablePanel";function b({withHandle:e,className:a,...t}){return r.jsx(l.PanelResizeHandle,{"data-slot":"resizable-handle",className:n.cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",a),...t,children:e&&r.jsx("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",children:r.jsx(f.GripVerticalIcon,{className:"size-2.5"})})})}exports.ResizableHandle=b;exports.ResizablePanel=u;exports.ResizablePanelGroup=c;
+//# sourceMappingURL=resizable.cjs.map

package/dist/components/ui/layout/resizable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.cjs","sources":["../../../../src/components/ui/layout/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { GripVerticalIcon } from \"lucide-react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"../utils\";\n\nconst ResizablePanelGroup: React.ForwardRefExoticComponent<\n  React.ComponentPropsWithoutRef<typeof ResizablePrimitive.PanelGroup> &\n    React.RefAttributes<React.ElementRef<typeof ResizablePrimitive.PanelGroup>>\n> = React.forwardRef<\n  React.ElementRef<typeof ResizablePrimitive.PanelGroup>,\n  React.ComponentPropsWithoutRef<typeof ResizablePrimitive.PanelGroup>\n>(({ className, ...props }, ref) => (\n  <ResizablePrimitive.PanelGroup\n    ref={ref}\n    data-slot=\"resizable-panel-group\"\n    className={cn(\n      \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n      className,\n    )}\n    {...props}\n  />\n));\nResizablePanelGroup.displayName = \"ResizablePanelGroup\";\n\nconst ResizablePanel = React.forwardRef<\n  React.ElementRef<typeof ResizablePrimitive.Panel>,\n  React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Panel>\n>(({ ...props }, ref) => (\n  <ResizablePrimitive.Panel ref={ref} data-slot=\"resizable-panel\" {...props} />\n));\nResizablePanel.displayName = \"ResizablePanel\";\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n}) {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      )}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"names":["ResizablePanelGroup","React","className","props","ref","jsx","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","GripVerticalIcon"],"mappings":"8gBAQMA,EAGFC,EAAM,WAGR,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAmB,WAAnB,CACC,IAAAF,EACA,YAAU,wBACV,UAAWG,EAAAA,GACT,oEACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAoB,YAAc,sBAElC,MAAMQ,EAAiBP,EAAM,WAG3B,CAAC,CAAE,GAAGE,GAASC,IACfC,EAAAA,IAACC,EAAmB,MAAnB,CAAyB,IAAAF,EAAU,YAAU,kBAAmB,GAAGD,EAAO,CAC5E,EACDK,EAAe,YAAc,iBAE7B,SAASC,EAAgB,CACvB,WAAAC,EACA,UAAAR,EACA,GAAGC,CACL,EAEG,CACD,OACEE,EAAAA,IAACC,EAAmB,kBAAnB,CACC,YAAU,mBACV,UAAWC,EAAAA,GACT,4oBACAL,CAAA,EAED,GAAGC,EAEH,SAAAO,SACE,MAAA,CAAI,UAAU,4EACb,SAAAL,EAAAA,IAACM,EAAAA,iBAAA,CAAiB,UAAU,UAAA,CAAW,CAAA,CACzC,CAAA,CAAA,CAIR"}

package/dist/components/ui/layout/resizable.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { GripVerticalIcon as o } from "lucide-react";
+import * as l from "react-resizable-panels";
+import { cn as n } from "../utils.js";
+const s = i.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+  l.PanelGroup,
+  {
+    ref: t,
+    "data-slot": "resizable-panel-group",
+    className: n(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      e
+    ),
+    ...a
+  }
+));
+s.displayName = "ResizablePanelGroup";
+const c = i.forwardRef(({ ...e }, a) => /* @__PURE__ */ r(l.Panel, { ref: a, "data-slot": "resizable-panel", ...e }));
+c.displayName = "ResizablePanel";
+function u({
+  withHandle: e,
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    l.PanelResizeHandle,
+    {
+      "data-slot": "resizable-handle",
+      className: n(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        a
+      ),
+      ...t,
+      children: e && /* @__PURE__ */ r("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ r(o, { className: "size-2.5" }) })
+    }
+  );
+}
+export {
+  u as ResizableHandle,
+  c as ResizablePanel,
+  s as ResizablePanelGroup
+};
+//# sourceMappingURL=resizable.js.map