@photon-ai/pho-ui 1.0.1 → 1.2.0

package/dist/chunks/IconCheck-D2WuculQ.js

@@ -0,0 +1,11 @@
+"use client";
+import { t as e } from "./createReactComponent-BqCmnqfX.js";
+var t = [["path", {
+  d: "M5 12l5 5l10 -10",
+  key: "svg-0"
+}]], o = e("outline", "check", "Check", t);
+export {
+  o as t
+};
+
+//# sourceMappingURL=IconCheck-D2WuculQ.js.map

package/dist/chunks/IconCheck-D2WuculQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCheck-D2WuculQ.js","names":[],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.44.0_react@19.2.7/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.mjs"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M5 12l5 5l10 -10\", \"key\": \"svg-0\" }]];\nconst IconCheck = createReactComponent(\"outline\", \"check\", \"Check\", __iconNode);\n\nexport { __iconNode, IconCheck as default };\n//# sourceMappingURL=IconCheck.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;AASA,IAAM,IAAa,CAAC,CAAC,QAAQ;AAAA,EAAE,GAAK;AAAA,EAAoB,KAAO;AAAQ,CAAC,CAAC,GACnE,IAAY,EAAqB,WAAW,SAAS,SAAS,CAAU"}

package/dist/chunks/card-9cGnv-VD.js

@@ -0,0 +1,56 @@
+"use client";
+import { t as r } from "./cn-DTiB6ek_.js";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
+var a = "border-pho-secondary bg-pho-primary rounded-lg border";
+function i({ className: e, ...t }) {
+  return /* @__PURE__ */ o("div", {
+    className: r(a, "flex flex-col gap-4 pt-5 pb-4", e),
+    ...t
+  });
+}
+function s({ className: e, ...t }) {
+  return /* @__PURE__ */ o("div", {
+    className: r("flex flex-col gap-0.5 px-5", e),
+    ...t
+  });
+}
+function p({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ o("h3", {
+    className: r("text-display-xs text-pho-primary font-medium", e),
+    ...n,
+    children: t
+  });
+}
+function c({ className: e, ...t }) {
+  return /* @__PURE__ */ o("p", {
+    className: r("text-display-xs text-pho-description font-normal", e),
+    ...t
+  });
+}
+function l({ className: e, ...t }) {
+  return /* @__PURE__ */ o("div", {
+    className: r("px-5", e),
+    ...t
+  });
+}
+function m({ className: e, ...t }) {
+  return /* @__PURE__ */ o("div", {
+    className: r("flex items-center gap-2 px-5", e),
+    ...t
+  });
+}
+var u = {
+  Root: i,
+  Header: s,
+  Title: p,
+  Description: c,
+  Content: l,
+  Footer: m
+};
+export {
+  u as n,
+  a as t
+};
+
+//# sourceMappingURL=card-9cGnv-VD.js.map

package/dist/chunks/card-9cGnv-VD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-9cGnv-VD.js","names":[],"sources":["../../src/components/card/card.tsx"],"sourcesContent":["import { type ComponentProps, type Ref } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/**\n * Design notes:\n * - A card is a flat bordered panel on the page surface — hairline border,\n *   primary background, no shadow. Elevation shadows stay on floating layers\n *   (menus, dialogs); see the same rule on Input and Select.\n * - Radius sits at the `lg` stop (16px) like Dialog — a standalone content\n *   panel reads bigger than a control, so it takes the panel radius rather\n *   than the control default (`base`).\n * - Vertical rhythm: `pt-5` / `pb-4`, `gap-4` between parts. Parts carry\n *   `px-5`, so a child without padding (an image, a table, a `Separator`)\n *   runs edge-to-edge on its own.\n * - No size or color axes. A card is chrome, not a signal — content sets the\n *   tone. Sizing belongs to the layout that places the card.\n */\n\n/** Surface chrome — exported for hosts that need the look on another element. */\nexport const CARD_SURFACE =\n  \"border-pho-secondary bg-pho-primary rounded-lg border\";\n\n/** The panel: bordered surface, vertical rhythm between parts. */\nfunction Root({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div\n      className={cn(CARD_SURFACE, \"flex flex-col gap-4 pt-5 pb-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Title + optional description pair, kept tight (`gap-0.5`). */\nfunction Header({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div className={cn(\"flex flex-col gap-0.5 px-5\", className)} {...props} />\n  );\n}\n\n/**\n * Card heading — an `<h3>` so it nests under page (`h1`) and section (`h2`)\n * headings without skipping levels.\n */\nfunction Title({\n  className,\n  children,\n  ...props\n}: ComponentProps<\"h3\"> & { ref?: Ref<HTMLHeadingElement> }) {\n  return (\n    <h3\n      className={cn(\"text-display-xs text-pho-primary font-medium\", className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n\n/** Supporting copy under the title — same step, secondary tone. */\nfunction Description({\n  className,\n  ...props\n}: ComponentProps<\"p\"> & { ref?: Ref<HTMLParagraphElement> }) {\n  return (\n    <p\n      className={cn(\n        \"text-display-xs text-pho-description font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** The card body. Carries the horizontal padding; bring your own layout. */\nfunction Content({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return <div className={cn(\"px-5\", className)} {...props} />;\n}\n\n/**\n * Trailing row — actions, a status line. Unopinionated about justification;\n * add `justify-end` for a dialog-style action bar.\n */\nfunction Footer({\n  className,\n  ...props\n}: ComponentProps<\"div\"> & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <div className={cn(\"flex items-center gap-2 px-5\", className)} {...props} />\n  );\n}\n\n/**\n * Card — a bordered content panel: header (title + description), body,\n * optional footer. It's static chrome with no interactivity of its own.\n * For a settings label/control list use `Settings.Card`; for a featured\n * block on the page surface use `Settings.Callout`.\n *\n * ```tsx\n * <Card.Root>\n *   <Card.Header>\n *     <Card.Title>Usage</Card.Title>\n *     <Card.Description>Since Aug 1.</Card.Description>\n *   </Card.Header>\n *   <Card.Content>…</Card.Content>\n *   <Card.Footer className=\"justify-end\">\n *     <Button size=\"sm\">Upgrade</Button>\n *   </Card.Footer>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  Root,\n  Header,\n  Title,\n  Description,\n  Content,\n  Footer,\n};\n"],"mappings":";;;;AAmBA,IAAa,IACX;AAGF,SAAS,EAAK,EACZ,WAAA,GACA,GAAG,EAAA,GACqD;AACxD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EAAG,GAAc,iCAAiC,CAAS;AAAA,IACtE,GAAI;AAAA,EACL,CAAA;AAEL;AAGA,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACqD;AACxD,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,8BAA8B,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE7E;AAMA,SAAS,EAAM,EACb,WAAA,GACA,UAAA,GACA,GAAG,EAAA,GACwD;AAC3D,SACE,gBAAA,EAAC,MAAD;AAAA,IACE,WAAW,EAAG,gDAAgD,CAAS;AAAA,IACvE,GAAI;AAAA,IAEH,UAAA;AAAA,EACC,CAAA;AAER;AAGA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GACyD;AAC5D,SACE,gBAAA,EAAC,KAAD;AAAA,IACE,WAAW,EACT,oDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAGA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACqD;AACxD,SAAO,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,QAAQ,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAC5D;AAMA,SAAS,EAAO,EACd,WAAA,GACA,GAAG,EAAA,GACqD;AACxD,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,gCAAgC,CAAS;AAAA,IAAG,GAAI;AAAA,EAAQ,CAAA;AAE/E;AAqBA,IAAa,IAAO;AAAA,EAClB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AACF"}