@altimateai/ui-components 0.0.79 → 0.0.80

package/dist/stateDiagram-FKZM4ZOC.js

@@ -1,264 +0,0 @@
-import { s as R, S as N, a as W } from "./chunk-DI55MBZ5.js";
-import { a1 as f, a7 as t, ad as S, ae as P, a9 as z, aJ as U, aK as _, aE as C, am as F } from "./CoachForm.js";
-import { s as H } from "./redux-toolkit.modern.js";
-import { G as J } from "./graph.js";
-import { l as O } from "./layout.js";
-var X = /* @__PURE__ */ f((e) => e.append("circle").attr("class", "start-state").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit).attr("cy", t().state.padding + t().state.sizeUnit), "drawStartState"), D = /* @__PURE__ */ f((e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", t().state.textHeight).attr("class", "divider").attr("x2", t().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider"), Y = /* @__PURE__ */ f((e, i) => {
-  const d = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 2 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), c = d.node().getBBox();
-  return e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", c.width + 2 * t().state.padding).attr("height", c.height + 2 * t().state.padding).attr("rx", t().state.radius), d;
-}, "drawSimpleState"), I = /* @__PURE__ */ f((e, i) => {
-  const d = /* @__PURE__ */ f(function(g, B, m) {
-    const v = g.append("tspan").attr("x", 2 * t().state.padding).text(B);
-    m || v.attr("dy", t().state.textHeight);
-  }, "addTspan"), n = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 1.3 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.descriptions[0]).node().getBBox(), l = n.height, x = e.append("text").attr("x", t().state.padding).attr(
-    "y",
-    l + t().state.padding * 0.4 + t().state.dividerMargin + t().state.textHeight
-  ).attr("class", "state-description");
-  let a = !0, s = !0;
-  i.descriptions.forEach(function(g) {
-    a || (d(x, g, s), s = !1), a = !1;
-  });
-  const w = e.append("line").attr("x1", t().state.padding).attr("y1", t().state.padding + l + t().state.dividerMargin / 2).attr("y2", t().state.padding + l + t().state.dividerMargin / 2).attr("class", "descr-divider"), p = x.node().getBBox(), o = Math.max(p.width, n.width);
-  return w.attr("x2", o + 3 * t().state.padding), e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", o + 2 * t().state.padding).attr("height", p.height + l + 2 * t().state.padding).attr("rx", t().state.radius), e;
-}, "drawDescrState"), $ = /* @__PURE__ */ f((e, i, d) => {
-  const c = t().state.padding, n = 2 * t().state.padding, l = e.node().getBBox(), x = l.width, a = l.x, s = e.append("text").attr("x", 0).attr("y", t().state.titleShift).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), p = s.node().getBBox().width + n;
-  let o = Math.max(p, x);
-  o === x && (o = o + n);
-  let g;
-  const B = e.node().getBBox();
-  i.doc, g = a - c, p > x && (g = (x - o) / 2 + c), Math.abs(a - B.x) < c && p > x && (g = a - (p - x) / 2);
-  const m = 1 - t().state.textHeight;
-  return e.insert("rect", ":first-child").attr("x", g).attr("y", m).attr("class", d ? "alt-composit" : "composit").attr("width", o).attr(
-    "height",
-    B.height + t().state.textHeight + t().state.titleShift + 1
-  ).attr("rx", "0"), s.attr("x", g + c), p <= x && s.attr("x", a + (o - n) / 2 - p / 2 + c), e.insert("rect", ":first-child").attr("x", g).attr(
-    "y",
-    t().state.titleShift - t().state.textHeight - t().state.padding
-  ).attr("width", o).attr("height", t().state.textHeight * 3).attr("rx", t().state.radius), e.insert("rect", ":first-child").attr("x", g).attr(
-    "y",
-    t().state.titleShift - t().state.textHeight - t().state.padding
-  ).attr("width", o).attr("height", B.height + 3 + 2 * t().state.textHeight).attr("rx", t().state.radius), e;
-}, "addTitleAndBox"), q = /* @__PURE__ */ f((e) => (e.append("circle").attr("class", "end-state-outer").attr("r", t().state.sizeUnit + t().state.miniPadding).attr(
-  "cx",
-  t().state.padding + t().state.sizeUnit + t().state.miniPadding
-).attr(
-  "cy",
-  t().state.padding + t().state.sizeUnit + t().state.miniPadding
-), e.append("circle").attr("class", "end-state-inner").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit + 2).attr("cy", t().state.padding + t().state.sizeUnit + 2)), "drawEndState"), K = /* @__PURE__ */ f((e, i) => {
-  let d = t().state.forkWidth, c = t().state.forkHeight;
-  if (i.parentId) {
-    let n = d;
-    d = c, c = n;
-  }
-  return e.append("rect").style("stroke", "black").style("fill", "black").attr("width", d).attr("height", c).attr("x", t().state.padding).attr("y", t().state.padding);
-}, "drawForkJoinState"), Z = /* @__PURE__ */ f((e, i, d, c) => {
-  let n = 0;
-  const l = c.append("text");
-  l.style("text-anchor", "start"), l.attr("class", "noteText");
-  let x = e.replace(/\r\n/g, "<br/>");
-  x = x.replace(/\n/g, "<br/>");
-  const a = x.split(z.lineBreakRegex);
-  let s = 1.25 * t().state.noteMargin;
-  for (const w of a) {
-    const p = w.trim();
-    if (p.length > 0) {
-      const o = l.append("tspan");
-      if (o.text(p), s === 0) {
-        const g = o.node().getBBox();
-        s += g.height;
-      }
-      n += s, o.attr("x", i + t().state.noteMargin), o.attr("y", d + n + 1.25 * t().state.noteMargin);
-    }
-  }
-  return { textWidth: l.node().getBBox().width, textHeight: n };
-}, "_drawLongText"), j = /* @__PURE__ */ f((e, i) => {
-  i.attr("class", "state-note");
-  const d = i.append("rect").attr("x", 0).attr("y", t().state.padding), c = i.append("g"), { textWidth: n, textHeight: l } = Z(e, 0, 0, c);
-  return d.attr("height", l + 2 * t().state.noteMargin), d.attr("width", n + t().state.noteMargin * 2), d;
-}, "drawNote"), L = /* @__PURE__ */ f(function(e, i) {
-  const d = i.id, c = {
-    id: d,
-    label: i.id,
-    width: 0,
-    height: 0
-  }, n = e.append("g").attr("id", d).attr("class", "stateGroup");
-  i.type === "start" && X(n), i.type === "end" && q(n), (i.type === "fork" || i.type === "join") && K(n, i), i.type === "note" && j(i.note.text, n), i.type === "divider" && D(n), i.type === "default" && i.descriptions.length === 0 && Y(n, i), i.type === "default" && i.descriptions.length > 0 && I(n, i);
-  const l = n.node().getBBox();
-  return c.width = l.width + 2 * t().state.padding, c.height = l.height + 2 * t().state.padding, c;
-}, "drawState"), A = 0, Q = /* @__PURE__ */ f(function(e, i, d) {
-  const c = /* @__PURE__ */ f(function(s) {
-    switch (s) {
-      case N.relationType.AGGREGATION:
-        return "aggregation";
-      case N.relationType.EXTENSION:
-        return "extension";
-      case N.relationType.COMPOSITION:
-        return "composition";
-      case N.relationType.DEPENDENCY:
-        return "dependency";
-    }
-  }, "getRelationType");
-  i.points = i.points.filter((s) => !Number.isNaN(s.y));
-  const n = i.points, l = U().x(function(s) {
-    return s.x;
-  }).y(function(s) {
-    return s.y;
-  }).curve(_), x = e.append("path").attr("d", l(n)).attr("id", "edge" + A).attr("class", "transition");
-  let a = "";
-  if (t().state.arrowMarkerAbsolute && (a = C(!0)), x.attr(
-    "marker-end",
-    "url(" + a + "#" + c(N.relationType.DEPENDENCY) + "End)"
-  ), d.title !== void 0) {
-    const s = e.append("g").attr("class", "stateLabel"), { x: w, y: p } = F.calcLabelPosition(i.points), o = z.getRows(d.title);
-    let g = 0;
-    const B = [];
-    let m = 0, v = 0;
-    for (let u = 0; u <= o.length; u++) {
-      const h = s.append("text").attr("text-anchor", "middle").text(o[u]).attr("x", w).attr("y", p + g), y = h.node().getBBox();
-      m = Math.max(m, y.width), v = Math.min(v, y.x), S.info(y.x, w, p + g), g === 0 && (g = h.node().getBBox().height, S.info("Title height", g, p)), B.push(h);
-    }
-    let k = g * o.length;
-    if (o.length > 1) {
-      const u = (o.length - 1) * g * 0.5;
-      B.forEach((h, y) => h.attr("y", p + y * g - u)), k = g * o.length;
-    }
-    const r = s.node().getBBox();
-    s.insert("rect", ":first-child").attr("class", "box").attr("x", w - m / 2 - t().state.padding / 2).attr("y", p - k / 2 - t().state.padding / 2 - 3.5).attr("width", m + t().state.padding).attr("height", k + t().state.padding), S.info(r);
-  }
-  A++;
-}, "drawEdge"), b, T = {}, V = /* @__PURE__ */ f(function() {
-}, "setConf"), tt = /* @__PURE__ */ f(function(e) {
-  e.append("defs").append("marker").attr("id", "dependencyEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
-}, "insertMarkers"), et = /* @__PURE__ */ f(function(e, i, d, c) {
-  b = t().state;
-  const n = t().securityLevel;
-  let l;
-  n === "sandbox" && (l = H("#i" + i));
-  const x = n === "sandbox" ? H(l.nodes()[0].contentDocument.body) : H("body"), a = n === "sandbox" ? l.nodes()[0].contentDocument : document;
-  S.debug("Rendering diagram " + e);
-  const s = x.select(`[id='${i}']`);
-  tt(s);
-  const w = c.db.getRootDoc();
-  G(w, s, void 0, !1, x, a, c);
-  const p = b.padding, o = s.node().getBBox(), g = o.width + p * 2, B = o.height + p * 2, m = g * 1.75;
-  P(s, B, m, b.useMaxWidth), s.attr(
-    "viewBox",
-    `${o.x - b.padding}  ${o.y - b.padding} ` + g + " " + B
-  );
-}, "draw"), at = /* @__PURE__ */ f((e) => e ? e.length * b.fontSizeFactor : 1, "getLabelWidth"), G = /* @__PURE__ */ f((e, i, d, c, n, l, x) => {
-  const a = new J({
-    compound: !0,
-    multigraph: !0
-  });
-  let s, w = !0;
-  for (s = 0; s < e.length; s++)
-    if (e[s].stmt === "relation") {
-      w = !1;
-      break;
-    }
-  d ? a.setGraph({
-    rankdir: "LR",
-    multigraph: !0,
-    compound: !0,
-    // acyclicer: 'greedy',
-    ranker: "tight-tree",
-    ranksep: w ? 1 : b.edgeLengthFactor,
-    nodeSep: w ? 1 : 50,
-    isMultiGraph: !0
-    // ranksep: 5,
-    // nodesep: 1
-  }) : a.setGraph({
-    rankdir: "TB",
-    multigraph: !0,
-    compound: !0,
-    // isCompound: true,
-    // acyclicer: 'greedy',
-    // ranker: 'longest-path'
-    ranksep: w ? 1 : b.edgeLengthFactor,
-    nodeSep: w ? 1 : 50,
-    ranker: "tight-tree",
-    // ranker: 'network-simplex'
-    isMultiGraph: !0
-  }), a.setDefaultEdgeLabel(function() {
-    return {};
-  });
-  const p = x.db.getStates(), o = x.db.getRelations(), g = Object.keys(p);
-  for (const r of g) {
-    const u = p[r];
-    d && (u.parentId = d);
-    let h;
-    if (u.doc) {
-      let y = i.append("g").attr("id", u.id).attr("class", "stateGroup");
-      h = G(u.doc, y, u.id, !c, n, l, x);
-      {
-        y = $(y, u, c);
-        let E = y.node().getBBox();
-        h.width = E.width, h.height = E.height + b.padding / 2, T[u.id] = { y: b.compositTitleSize };
-      }
-    } else
-      h = L(i, u, a);
-    if (u.note) {
-      const y = {
-        descriptions: [],
-        id: u.id + "-note",
-        note: u.note,
-        type: "note"
-      }, E = L(i, y, a);
-      u.note.position === "left of" ? (a.setNode(h.id + "-note", E), a.setNode(h.id, h)) : (a.setNode(h.id, h), a.setNode(h.id + "-note", E)), a.setParent(h.id, h.id + "-group"), a.setParent(h.id + "-note", h.id + "-group");
-    } else
-      a.setNode(h.id, h);
-  }
-  S.debug("Count=", a.nodeCount(), a);
-  let B = 0;
-  o.forEach(function(r) {
-    B++, S.debug("Setting edge", r), a.setEdge(
-      r.id1,
-      r.id2,
-      {
-        relation: r,
-        width: at(r.title),
-        height: b.labelHeight * z.getRows(r.title).length,
-        labelpos: "c"
-      },
-      "id" + B
-    );
-  }), O(a), S.debug("Graph after layout", a.nodes());
-  const m = i.node();
-  a.nodes().forEach(function(r) {
-    r !== void 0 && a.node(r) !== void 0 ? (S.warn("Node " + r + ": " + JSON.stringify(a.node(r))), n.select("#" + m.id + " #" + r).attr(
-      "transform",
-      "translate(" + (a.node(r).x - a.node(r).width / 2) + "," + (a.node(r).y + (T[r] ? T[r].y : 0) - a.node(r).height / 2) + " )"
-    ), n.select("#" + m.id + " #" + r).attr("data-x-shift", a.node(r).x - a.node(r).width / 2), l.querySelectorAll("#" + m.id + " #" + r + " .divider").forEach((h) => {
-      const y = h.parentElement;
-      let E = 0, M = 0;
-      y && (y.parentElement && (E = y.parentElement.getBBox().width), M = parseInt(y.getAttribute("data-x-shift"), 10), Number.isNaN(M) && (M = 0)), h.setAttribute("x1", 0 - M + 8), h.setAttribute("x2", E - M - 8);
-    })) : S.debug("No Node " + r + ": " + JSON.stringify(a.node(r)));
-  });
-  let v = m.getBBox();
-  a.edges().forEach(function(r) {
-    r !== void 0 && a.edge(r) !== void 0 && (S.debug("Edge " + r.v + " -> " + r.w + ": " + JSON.stringify(a.edge(r))), Q(i, a.edge(r), a.edge(r).relation));
-  }), v = m.getBBox();
-  const k = {
-    id: d || "root",
-    label: d || "root",
-    width: 0,
-    height: 0
-  };
-  return k.width = v.width + 2 * b.padding, k.height = v.height + 2 * b.padding, S.debug("Doc rendered", k, a), k;
-}, "renderDoc"), it = {
-  setConf: V,
-  draw: et
-}, ct = {
-  parser: R,
-  get db() {
-    return new N(1);
-  },
-  renderer: it,
-  styles: W,
-  init: /* @__PURE__ */ f((e) => {
-    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-  }, "init")
-};
-export {
-  ct as diagram
-};

package/dist/stateDiagram-v2-4FDKWEC3.js

@@ -1,17 +0,0 @@
-import { s as a, S as t, b as r, a as s } from "./chunk-DI55MBZ5.js";
-import { a1 as i } from "./CoachForm.js";
-import "./redux-toolkit.modern.js";
-var l = {
-  parser: a,
-  get db() {
-    return new t(2);
-  },
-  renderer: r,
-  styles: s,
-  init: /* @__PURE__ */ i((e) => {
-    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-  }, "init")
-};
-export {
-  l as diagram
-};

package/dist/storybook/Accordion.stories.tsx

@@ -1,52 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../shadcn";
-
-const meta: Meta<typeof Accordion> = {
-  title: "Shadcn/Components/Accordion",
-  component: Accordion,
-};
-
-export default meta;
-type Story = StoryObj<typeof Accordion>;
-
-export const Default: Story = {
-  render: () => (
-    <Accordion type="single" collapsible className="al-w-full">
-      <AccordionItem value="item-1">
-        <AccordionTrigger>Is it accessible?</AccordionTrigger>
-        <AccordionContent>Yes. It adheres to the WAI-ARIA design pattern.</AccordionContent>
-      </AccordionItem>
-      <AccordionItem value="item-2">
-        <AccordionTrigger>Is it styled?</AccordionTrigger>
-        <AccordionContent>
-          Yes. It comes with default styles that matches the other components&apos; aesthetic.
-        </AccordionContent>
-      </AccordionItem>
-      <AccordionItem value="item-3">
-        <AccordionTrigger>Is it animated?</AccordionTrigger>
-        <AccordionContent>
-          Yes. It&apos;s animated by default, but you can disable it if you prefer.
-        </AccordionContent>
-      </AccordionItem>
-    </Accordion>
-  ),
-};
-
-export const Multiple: Story = {
-  render: () => (
-    <Accordion type="multiple" className="al-w-full">
-      <AccordionItem value="item-1">
-        <AccordionTrigger>Can I open multiple items?</AccordionTrigger>
-        <AccordionContent>
-          Yes. Just set the type prop to &quot;multiple&quot; on the Accordion component.
-        </AccordionContent>
-      </AccordionItem>
-      <AccordionItem value="item-2">
-        <AccordionTrigger>Can I customize the styling?</AccordionTrigger>
-        <AccordionContent>
-          Yes. The component accepts className props for customization.
-        </AccordionContent>
-      </AccordionItem>
-    </Accordion>
-  ),
-};

package/dist/storybook/Alert.stories.tsx

@@ -1,101 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react";
-import { Alert, AlertTitle, AlertDescription } from "../shadcn";
-import { InfoCircleIcon, PassIcon, WarningIcon } from "@ac-assets/icons";
-
-export default {
-  title: "Shadcn/Components/Alert",
-  component: Alert,
-  tags: ["autodocs"],
-  argTypes: {
-    variant: {
-      control: "select",
-      options: ["default", "destructive", "warning", "success", "info"],
-    },
-  },
-} as Meta;
-
-const Template: StoryFn = args => (
-  <Alert {...args}>
-    <AlertTitle>Heads up!</AlertTitle>
-    <AlertDescription>
-      You can add components and dependencies to your app using the cli.
-    </AlertDescription>
-  </Alert>
-);
-
-export const Default = Template.bind({});
-Default.args = {
-  variant: "default",
-};
-
-export const Destructive = Template.bind({});
-Destructive.args = {
-  variant: "destructive",
-};
-
-export const WithIcon: StoryFn = () => (
-  <Alert>
-    <InfoCircleIcon className="al-h-4 al-w-4" />
-    <AlertTitle>Info Alert</AlertTitle>
-    <AlertDescription>This is an informational alert with an icon.</AlertDescription>
-  </Alert>
-);
-
-export const DestructiveWithIcon: StoryFn = () => (
-  <Alert variant="destructive">
-    <InfoCircleIcon className="al-h-4 al-w-4" />
-    <AlertTitle>Error Alert</AlertTitle>
-    <AlertDescription>Something went wrong! Please try again later.</AlertDescription>
-  </Alert>
-);
-
-export const TitleOnly: StoryFn = () => (
-  <Alert>
-    <AlertTitle>Simple Alert with Title Only</AlertTitle>
-  </Alert>
-);
-
-export const DescriptionOnly: StoryFn = () => (
-  <Alert>
-    <AlertDescription>Simple Alert with Description Only</AlertDescription>
-  </Alert>
-);
-
-export const Warning = Template.bind({});
-Warning.args = {
-  variant: "warning",
-};
-
-export const Success = Template.bind({});
-Success.args = {
-  variant: "success",
-};
-
-export const Info = Template.bind({});
-Info.args = {
-  variant: "info",
-};
-
-export const WarningWithIcon: StoryFn = () => (
-  <Alert variant="warning">
-    <WarningIcon className="al-h-4 al-w-4" />
-    <AlertTitle>Warning Alert</AlertTitle>
-    <AlertDescription>This is a warning message. Please review your action.</AlertDescription>
-  </Alert>
-);
-
-export const SuccessWithIcon: StoryFn = () => (
-  <Alert variant="success">
-    <PassIcon className="al-h-4 al-w-4" />
-    <AlertTitle>Success Alert</AlertTitle>
-    <AlertDescription>Operation completed successfully!</AlertDescription>
-  </Alert>
-);
-
-export const InfoWithIcon: StoryFn = () => (
-  <Alert variant="info">
-    <InfoCircleIcon className="al-h-4 al-w-4" />
-    <AlertTitle>Information Alert</AlertTitle>
-    <AlertDescription>Here&#39;s some helpful information for you.</AlertDescription>
-  </Alert>
-);

package/dist/storybook/AlertDialog.stories.tsx

@@ -1,161 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react";
-import {
-  AlertDialog,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-} from "../shadcn";
-
-export default {
-  title: "Shadcn/Components/AlertDialog",
-  component: AlertDialog,
-} as Meta;
-
-const Template: StoryFn = () => (
-  <AlertDialog>
-    <AlertDialogTrigger>Open Dialog</AlertDialogTrigger>
-    <AlertDialogContent>
-      <AlertDialogHeader>
-        <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
-        <AlertDialogDescription>
-          This action cannot be undone. This will permanently delete your account and remove your
-          data from our servers.
-        </AlertDialogDescription>
-      </AlertDialogHeader>
-      <AlertDialogFooter>
-        <AlertDialogCancel>Cancel</AlertDialogCancel>
-        <AlertDialogAction>Continue</AlertDialogAction>
-      </AlertDialogFooter>
-    </AlertDialogContent>
-  </AlertDialog>
-);
-
-export const Default = Template.bind({});
-
-export const DestructiveAction: StoryFn = () => (
-  <AlertDialog>
-    <AlertDialogTrigger className="al-bg-destructive al-text-destructive-foreground hover:al-bg-destructive/90 al-h-10 al-px-4 al-py-2 al-rounded-md">
-      Delete Account
-    </AlertDialogTrigger>
-    <AlertDialogContent>
-      <AlertDialogHeader>
-        <AlertDialogTitle>Delete Account</AlertDialogTitle>
-        <AlertDialogDescription>
-          This will permanently delete your account and remove all your data. This action cannot be
-          undone.
-        </AlertDialogDescription>
-      </AlertDialogHeader>
-      <AlertDialogFooter>
-        <AlertDialogCancel>Cancel</AlertDialogCancel>
-        <AlertDialogAction className="al-bg-destructive al-text-destructive-foreground hover:al-bg-destructive/90">
-          Delete
-        </AlertDialogAction>
-      </AlertDialogFooter>
-    </AlertDialogContent>
-  </AlertDialog>
-);
-
-export const WithCustomTrigger: StoryFn = () => (
-  <AlertDialog>
-    <AlertDialogTrigger asChild>
-      <button className="al-rounded-full al-bg-primary al-p-2">
-        <span className="al-sr-only">Open Dialog</span>
-        <svg
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        >
-          <path d="M3 6h18" />
-          <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
-          <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
-        </svg>
-      </button>
-    </AlertDialogTrigger>
-    <AlertDialogContent>
-      <AlertDialogHeader>
-        <AlertDialogTitle>Delete Item</AlertDialogTitle>
-        <AlertDialogDescription>Are you sure you want to delete this item?</AlertDialogDescription>
-      </AlertDialogHeader>
-      <AlertDialogFooter>
-        <AlertDialogCancel>Cancel</AlertDialogCancel>
-        <AlertDialogAction>Delete</AlertDialogAction>
-      </AlertDialogFooter>
-    </AlertDialogContent>
-  </AlertDialog>
-);
-
-export const WithForm: StoryFn = () => (
-  <AlertDialog>
-    <AlertDialogTrigger>Unsubscribe</AlertDialogTrigger>
-    <AlertDialogContent>
-      <AlertDialogHeader>
-        <AlertDialogTitle>Unsubscribe from Newsletter</AlertDialogTitle>
-        <AlertDialogDescription>
-          Please tell us why you&apos;re unsubscribing:
-        </AlertDialogDescription>
-      </AlertDialogHeader>
-      <div className="al-grid al-gap-4 al-py-4">
-        <div className="al-grid al-gap-2">
-          <label htmlFor="reason" className="al-text-sm al-font-medium al-leading-none">
-            Reason
-          </label>
-          <select
-            id="reason"
-            className="al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-sm al-ring-offset-background"
-          >
-            <option>Too many emails</option>
-            <option>Content not relevant</option>
-            <option>Other</option>
-          </select>
-        </div>
-      </div>
-      <AlertDialogFooter>
-        <AlertDialogCancel>Cancel</AlertDialogCancel>
-        <AlertDialogAction>Confirm</AlertDialogAction>
-      </AlertDialogFooter>
-    </AlertDialogContent>
-  </AlertDialog>
-);
-
-export const LongContent: StoryFn = () => (
-  <AlertDialog>
-    <AlertDialogTrigger>Show Terms</AlertDialogTrigger>
-    <AlertDialogContent className="al-max-h-[90vh] al-overflow-y-auto">
-      <AlertDialogHeader>
-        <AlertDialogTitle>Terms of Service</AlertDialogTitle>
-        <AlertDialogDescription className="al-whitespace-pre-line">
-          {`Please read these terms carefully before using our service.
-          
-          1. Introduction
-          These terms and conditions govern your use of our service.
-          
-          2. Acceptance of Terms
-          By accessing or using our service, you agree to be bound by these terms.
-          
-          3. Privacy Policy
-          Your privacy is important to us. Please review our privacy policy.
-          
-          4. User Obligations
-          You agree to use our service in accordance with these terms.
-          
-          5. Termination
-          We reserve the right to terminate your access to our service.`}
-        </AlertDialogDescription>
-      </AlertDialogHeader>
-      <AlertDialogFooter>
-        <AlertDialogCancel>Decline</AlertDialogCancel>
-        <AlertDialogAction>Accept</AlertDialogAction>
-      </AlertDialogFooter>
-    </AlertDialogContent>
-  </AlertDialog>
-);

package/dist/storybook/AutosizeTextarea.stories.tsx

@@ -1,52 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react";
-import { AutosizeTextarea } from "../shadcn";
-import { useState } from "react";
-
-export default {
-  title: "Shadcn/Components/AutosizeTextarea",
-  component: AutosizeTextarea,
-  argTypes: {
-    disabled: {
-      control: "boolean",
-    },
-    placeholder: {
-      control: "text",
-    },
-    minHeight: {
-      control: "number",
-    },
-    maxHeight: {
-      control: "number",
-    },
-  },
-} as Meta;
-
-const Template: StoryFn = args => {
-  const [value, setValue] = useState(args.value || "");
-
-  return <AutosizeTextarea {...args} value={value} onChange={e => setValue(e.target.value)} />;
-};
-
-export const Default = Template.bind({});
-Default.args = {
-  placeholder: "Type your message here. The textarea will grow as you type.",
-};
-
-export const WithMinHeight = Template.bind({});
-WithMinHeight.args = {
-  placeholder: "This textarea has a custom minimum height",
-  minHeight: 100,
-};
-
-export const WithMaxHeight = Template.bind({});
-WithMaxHeight.args = {
-  placeholder: "This textarea will stop growing at 200px height",
-  maxHeight: 200,
-};
-
-export const WithMinAndMaxHeight = Template.bind({});
-WithMinAndMaxHeight.args = {
-  placeholder: "Min height: 80px, Max height: 150px",
-  minHeight: 80,
-  maxHeight: 150,
-};