@nuee/ui 0.4.0 → 0.5.0

package/dist/timeline.js

@@ -0,0 +1,104 @@
+// src/timeline.tsx
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "xzwduhw",
+    kogj98: "x1ghz6dp",
+    kmVPX3: "x1717udv",
+    $$css: true
+  },
+  item: {
+    k1C7PZ: "x6bhqzj",
+    k1xSpc: "xrvj5dj",
+    kumcoG: "x18s4iga",
+    kB88ic: "xe8uvvx",
+    k7Eaqz: "xeuugli",
+    kVAEAm: "x1n2onr6",
+    kLkRvE: "x1szgnmp",
+    k5Ofw7: "x1vr0lki",
+    kgeoSG: "x1cpjm7i",
+    k75S9Q: "x1vouj10",
+    kEoFBp: "x1hmns74",
+    k96MEf: "x1y3wzot",
+    kOlAkY: "x2d45ac",
+    kxmVGU: "x2hztxu",
+    kSN9Vt: "x1wse844",
+    $$css: true
+  }
+};
+function Timeline({
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("ol", { ...props2, ...stylex.props(styles.root, xstyle) });
+}
+function TimelineItem({
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("li", { ...props2, ...stylex.props(styles.item, xstyle) });
+}
+function TimelineIndicator({
+  variant = "default",
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": props2["aria-label"] === void 0 ? true : void 0, ...props2, ...{
+    0: {
+      className: "x6s0dn4 x8m6yc2 x9gkxt8 x1ry1pnm x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1"
+    },
+    4: {
+      className: "x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 xiqc3qx x1alews2"
+    },
+    2: {
+      className: "x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 xeqbyvk x6pgtun"
+    },
+    6: {
+      className: "x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 xeqbyvk x6pgtun"
+    },
+    1: {
+      className: "x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 x16jirg3 xm777y0"
+    },
+    5: {
+      className: "x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 x16jirg3 xm777y0"
+    },
+    3: {
+      className: "x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 x16jirg3 xm777y0"
+    },
+    7: {
+      className: "x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 x16jirg3 xm777y0"
+    }
+  }[!!(variant === "active") << 2 | !!(variant === "complete") << 1 | !!(variant === "error") << 0] });
+}
+function TimelineContent({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, className: "x78zum5 xdt5ytf x1kr9b5u x1npkx4u xeuugli x15cgg" });
+}
+function TimelineTitle({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, className: "x1alews2 x99mhxu x1v899x5 x1hfsx4t" });
+}
+function TimelineDescription({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("p", { ...props2, className: "x1ry1pnm x99mhxu xi1fz51 x1ghz6dp" });
+}
+function TimelineTime({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("time", { ...props2, className: "x151gfag x131ut49 xi1fz51" });
+}
+export {
+  Timeline,
+  TimelineContent,
+  TimelineDescription,
+  TimelineIndicator,
+  TimelineItem,
+  TimelineTime,
+  TimelineTitle
+};
+//# sourceMappingURL=timeline.js.map

package/dist/timeline.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/timeline.tsx"],
+  "sourcesContent": ["import { colorVars, radiusVars, shadowVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nconst styles = {\n  root: {\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xzwduhw\",\n    kogj98: \"x1ghz6dp\",\n    kmVPX3: \"x1717udv\",\n    $$css: true\n  },\n  item: {\n    k1C7PZ: \"x6bhqzj\",\n    k1xSpc: \"xrvj5dj\",\n    kumcoG: \"x18s4iga\",\n    kB88ic: \"xe8uvvx\",\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    kLkRvE: \"x1szgnmp\",\n    k5Ofw7: \"x1vr0lki\",\n    kgeoSG: \"x1cpjm7i\",\n    k75S9Q: \"x1vouj10\",\n    kEoFBp: \"x1hmns74\",\n    k96MEf: \"x1y3wzot\",\n    kOlAkY: \"x2d45ac\",\n    kxmVGU: \"x2hztxu\",\n    kSN9Vt: \"x1wse844\",\n    $$css: true\n  }\n};\nexport type TimelineIndicatorVariant = \"active\" | \"complete\" | \"default\" | \"error\";\nexport type TimelineProps = Omit<ComponentProps<\"ol\">, \"className\" | \"style\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Timeline({\n  xstyle,\n  ...props\n}: TimelineProps) {\n  return <ol {...props} {...stylex.props(styles.root, xstyle)} />;\n}\nexport type TimelineItemProps = Omit<ComponentProps<\"li\">, \"className\" | \"style\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function TimelineItem({\n  xstyle,\n  ...props\n}: TimelineItemProps) {\n  return <li {...props} {...stylex.props(styles.item, xstyle)} />;\n}\nexport type TimelineIndicatorProps = Omit<ComponentProps<\"span\">, \"className\" | \"style\"> & {\n  variant?: TimelineIndicatorVariant;\n};\nexport function TimelineIndicator({\n  variant = \"default\",\n  ...props\n}: TimelineIndicatorProps) {\n  return <span aria-hidden={props[\"aria-label\"] === undefined ? true : undefined} {...props} {...{\n    0: {\n      className: \"x6s0dn4 x8m6yc2 x9gkxt8 x1ry1pnm x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1\"\n    },\n    4: {\n      className: \"x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 xiqc3qx x1alews2\"\n    },\n    2: {\n      className: \"x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 xeqbyvk x6pgtun\"\n    },\n    6: {\n      className: \"x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 xeqbyvk x6pgtun\"\n    },\n    1: {\n      className: \"x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 x16jirg3 xm777y0\"\n    },\n    5: {\n      className: \"x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 x16jirg3 xm777y0\"\n    },\n    3: {\n      className: \"x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 x16jirg3 xm777y0\"\n    },\n    7: {\n      className: \"x6s0dn4 x9gkxt8 x3nfvp2 x7r2t4g xgkxs2y x1kobcp8 xl56j7k x1n2onr6 x6r631m x1vjfegm xkr81ss x13xm7is x1y0btm7 xzgztj1 x16jirg3 xm777y0\"\n    }\n  }[!!(variant === \"active\") << 2 | !!(variant === \"complete\") << 1 | !!(variant === \"error\") << 0]} />;\n}\nexport function TimelineContent({\n  ...props\n}: Omit<ComponentProps<\"div\">, \"className\" | \"style\">) {\n  return <div {...props} className=\"x78zum5 xdt5ytf x1kr9b5u x1npkx4u xeuugli x15cgg\" />;\n}\nexport function TimelineTitle({\n  ...props\n}: Omit<ComponentProps<\"div\">, \"className\" | \"style\">) {\n  return <div {...props} className=\"x1alews2 x99mhxu x1v899x5 x1hfsx4t\" />;\n}\nexport function TimelineDescription({\n  ...props\n}: Omit<ComponentProps<\"p\">, \"className\" | \"style\">) {\n  return <p {...props} className=\"x1ry1pnm x99mhxu xi1fz51 x1ghz6dp\" />;\n}\nexport function TimelineTime({\n  ...props\n}: Omit<ComponentProps<\"time\">, \"className\" | \"style\">) {\n  return <time {...props} className=\"x151gfag x131ut49 xi1fz51\" />;\n}"],
+  "mappings": ";AACA,YAAY,YAAY;AAsCf;AApCT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,GAAGA;AACL,GAAkB;AAChB,SAAO,oBAAC,QAAI,GAAGA,QAAQ,GAAU,aAAM,OAAO,MAAM,MAAM,GAAG;AAC/D;AAIO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,GAAGA;AACL,GAAsB;AACpB,SAAO,oBAAC,QAAI,GAAGA,QAAQ,GAAU,aAAM,OAAO,MAAM,MAAM,GAAG;AAC/D;AAIO,SAAS,kBAAkB;AAAA,EAChC,UAAU;AAAA,EACV,GAAGA;AACL,GAA2B;AACzB,SAAO,oBAAC,UAAK,eAAaA,OAAM,YAAY,MAAM,SAAY,OAAO,QAAY,GAAGA,QAAQ,GAAG;AAAA,IAC7F,GAAG;AAAA,MACD,WAAW;AAAA,IACb;AAAA,IACA,GAAG;AAAA,MACD,WAAW;AAAA,IACb;AAAA,IACA,GAAG;AAAA,MACD,WAAW;AAAA,IACb;AAAA,IACA,GAAG;AAAA,MACD,WAAW;AAAA,IACb;AAAA,IACA,GAAG;AAAA,MACD,WAAW;AAAA,IACb;AAAA,IACA,GAAG;AAAA,MACD,WAAW;AAAA,IACb;AAAA,IACA,GAAG;AAAA,MACD,WAAW;AAAA,IACb;AAAA,IACA,GAAG;AAAA,MACD,WAAW;AAAA,IACb;AAAA,EACF,EAAE,CAAC,EAAE,YAAY,aAAa,IAAI,CAAC,EAAE,YAAY,eAAe,IAAI,CAAC,EAAE,YAAY,YAAY,CAAC,GAAG;AACrG;AACO,SAAS,gBAAgB;AAAA,EAC9B,GAAGA;AACL,GAAuD;AACrD,SAAO,oBAAC,SAAK,GAAGA,QAAO,WAAU,oDAAmD;AACtF;AACO,SAAS,cAAc;AAAA,EAC5B,GAAGA;AACL,GAAuD;AACrD,SAAO,oBAAC,SAAK,GAAGA,QAAO,WAAU,sCAAqC;AACxE;AACO,SAAS,oBAAoB;AAAA,EAClC,GAAGA;AACL,GAAqD;AACnD,SAAO,oBAAC,OAAG,GAAGA,QAAO,WAAU,qCAAoC;AACrE;AACO,SAAS,aAAa;AAAA,EAC3B,GAAGA;AACL,GAAwD;AACtD,SAAO,oBAAC,UAAM,GAAGA,QAAO,WAAU,6BAA4B;AAChE;",
+  "names": ["props"]
+}

package/dist/toast.d.ts

@@ -1,9 +1,11 @@
 import { Toast as ToastPrimitive } from "@base-ui/react/toast";
 import { type ComponentProps } from "react";
 export type ToastPosition = "bottom-center" | "bottom-left" | "bottom-right" | "top-center" | "top-left" | "top-right";
-export type ToasterProps = Omit<ComponentProps<typeof ToastPrimitive.Provider>, "children" | "toastManager"> & {
+export type ToasterProps = Omit<ComponentProps<typeof ToastPrimitive.Provider>, "children" | "toastManager" | "className" | "style"> & {
     /** Toast viewport position. @default "bottom-right" */
     position?: ToastPosition;
+    /** Content and accessible label for the action that dismisses all toasts. */
+    clearAllProps?: Pick<ComponentProps<"button">, "children" | "aria-label">;
 };
 export declare const toast: import("@base-ui/react").ToastManager<any>;
-export declare function Toaster({ limit, position, ...props }: ToasterProps): import("react").JSX.Element;
+export declare function Toaster({ limit, position, clearAllProps, ...props }: ToasterProps): import("react").JSX.Element;