@publicapps/icons 0.3.5 → 0.4.0

package/ArrowCircleUpOutlined/index.d.ts

@@ -0,0 +1,108 @@
+import * as React from "react";
+import type { StandardColorType, DirectionType, StyleDefinition } from "@cbmisorg/styles";
+
+/**
+ * Props accepted by the `ArrowCircleUpOutlined` icon component.
+ *
+ * Runtime behavior:
+ * - the component renders a fixed ArrowCircleUpOutlined SVG path
+ * - when `onClick` is provided, the root element becomes a `<button>`
+ * - otherwise the root element is a `<div>`
+ *
+ * This component is not fully polymorphic and does not support a generic
+ * `component` root override.
+ */
+export interface ArrowCircleUpOutlinedProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "children"> {
+  /**
+   * Color token passed to the shared icon style layer.
+   */
+  color?: StandardColorType;
+
+  /**
+   * Icon size. This may be a design-token label or any CSS size string
+   * understood by the runtime styles.
+   *
+   * Examples: `"sm"`, `"md"`, `"24px"`, `"1.5rem"`.
+   */
+  size?: string;
+
+  /**
+   * Accessible tooltip / title applied to the root element.
+   *
+   * When the root becomes a button, this value is also used for the generated
+   * `aria-label`.
+   */
+  title?: string;
+
+  /**
+   * Additional style-system overrides forwarded to the icon wrapper.
+   */
+  sx?: StyleDefinition;
+
+  /**
+   * Hides the component through shared style helpers.
+   */
+  hidden?: boolean;
+
+  /**
+   * Applies disabled styling state.
+   *
+   * Note that the runtime wrapper does not automatically add a native
+   * `disabled` attribute to the root button.
+   */
+  disabled?: boolean;
+
+  /**
+   * Explicit direction hint forwarded to shared direction helpers.
+   */
+  dir?: DirectionType;
+
+  /**
+   * Explicit DOM id for the root element.
+   *
+   * When omitted, the runtime generates one automatically.
+   */
+  id?: string;
+
+  /**
+   * Enables Shadow DOM-aware style injection when supported by the style
+   * engine.
+   */
+  shadowDom?: boolean;
+
+  /**
+   * Click handler. When present, the runtime switches the root element from
+   * `<div>` to `<button type="button">`.
+   */
+  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
+}
+
+/**
+ * Fixed SVG icon component for the ArrowCircleUpOutlined glyph.
+ *
+ * The forwarded ref points to the runtime root element:
+ * - `HTMLButtonElement` when `onClick` is provided
+ * - `HTMLDivElement` otherwise
+ *
+ * @example
+ * ```tsx
+ * <ArrowCircleUpOutlined />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowCircleUpOutlined color="primary" size="lg" title="ArrowCircleUpOutlined" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowCircleUpOutlined onClick={() => console.log("open ArrowCircleUpOutlined")} title="Open ArrowCircleUpOutlined" />
+ * ```
+ */
+declare const ArrowCircleUpOutlined: React.ForwardRefExoticComponent<
+  ArrowCircleUpOutlinedProps & React.RefAttributes<HTMLButtonElement | HTMLDivElement>
+>;
+
+export { ArrowCircleUpOutlined };
+export default ArrowCircleUpOutlined;

package/ArrowCircleUpOutlined/index.js

@@ -0,0 +1 @@
+var r;import t,{forwardRef as a}from"react";import o from"../_Icon/IconWrapper";import{jsx as m,Fragment as c}from"react/jsx-runtime";const e=a((t,a)=>m(o,{dataIcon:r||(r=m(c,{children:m("path",{d:"M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0 2c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10zm-1-10v4h2v-4h3l-4-4-4 4h3z"})})),...t,ref:a}));export default e;

package/ArrowCircleUpOutlined/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/ArrowDownward/index.d.ts

@@ -0,0 +1,108 @@
+import * as React from "react";
+import type { StandardColorType, DirectionType, StyleDefinition } from "@cbmisorg/styles";
+
+/**
+ * Props accepted by the `ArrowDownward` icon component.
+ *
+ * Runtime behavior:
+ * - the component renders a fixed ArrowDownward SVG path
+ * - when `onClick` is provided, the root element becomes a `<button>`
+ * - otherwise the root element is a `<div>`
+ *
+ * This component is not fully polymorphic and does not support a generic
+ * `component` root override.
+ */
+export interface ArrowDownwardProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "children"> {
+  /**
+   * Color token passed to the shared icon style layer.
+   */
+  color?: StandardColorType;
+
+  /**
+   * Icon size. This may be a design-token label or any CSS size string
+   * understood by the runtime styles.
+   *
+   * Examples: `"sm"`, `"md"`, `"24px"`, `"1.5rem"`.
+   */
+  size?: string;
+
+  /**
+   * Accessible tooltip / title applied to the root element.
+   *
+   * When the root becomes a button, this value is also used for the generated
+   * `aria-label`.
+   */
+  title?: string;
+
+  /**
+   * Additional style-system overrides forwarded to the icon wrapper.
+   */
+  sx?: StyleDefinition;
+
+  /**
+   * Hides the component through shared style helpers.
+   */
+  hidden?: boolean;
+
+  /**
+   * Applies disabled styling state.
+   *
+   * Note that the runtime wrapper does not automatically add a native
+   * `disabled` attribute to the root button.
+   */
+  disabled?: boolean;
+
+  /**
+   * Explicit direction hint forwarded to shared direction helpers.
+   */
+  dir?: DirectionType;
+
+  /**
+   * Explicit DOM id for the root element.
+   *
+   * When omitted, the runtime generates one automatically.
+   */
+  id?: string;
+
+  /**
+   * Enables Shadow DOM-aware style injection when supported by the style
+   * engine.
+   */
+  shadowDom?: boolean;
+
+  /**
+   * Click handler. When present, the runtime switches the root element from
+   * `<div>` to `<button type="button">`.
+   */
+  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
+}
+
+/**
+ * Fixed SVG icon component for the ArrowDownward glyph.
+ *
+ * The forwarded ref points to the runtime root element:
+ * - `HTMLButtonElement` when `onClick` is provided
+ * - `HTMLDivElement` otherwise
+ *
+ * @example
+ * ```tsx
+ * <ArrowDownward />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowDownward color="primary" size="lg" title="ArrowDownward" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowDownward onClick={() => console.log("open ArrowDownward")} title="Open ArrowDownward" />
+ * ```
+ */
+declare const ArrowDownward: React.ForwardRefExoticComponent<
+  ArrowDownwardProps & React.RefAttributes<HTMLButtonElement | HTMLDivElement>
+>;
+
+export { ArrowDownward };
+export default ArrowDownward;

package/ArrowDownward/index.js

@@ -0,0 +1 @@
+var r;import t,{forwardRef as a}from"react";import o from"../_Icon/IconWrapper";import{jsx as e,Fragment as m}from"react/jsx-runtime";const c=a((t,a)=>e(o,{dataIcon:r||(r=e(m,{children:e("path",{d:"m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"})})),...t,ref:a}));export default c;

package/ArrowDownward/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/ArrowDropDown/index.d.ts

@@ -0,0 +1,108 @@
+import * as React from "react";
+import type { StandardColorType, DirectionType, StyleDefinition } from "@cbmisorg/styles";
+
+/**
+ * Props accepted by the `ArrowDropDown` icon component.
+ *
+ * Runtime behavior:
+ * - the component renders a fixed ArrowDropDown SVG path
+ * - when `onClick` is provided, the root element becomes a `<button>`
+ * - otherwise the root element is a `<div>`
+ *
+ * This component is not fully polymorphic and does not support a generic
+ * `component` root override.
+ */
+export interface ArrowDropDownProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "children"> {
+  /**
+   * Color token passed to the shared icon style layer.
+   */
+  color?: StandardColorType;
+
+  /**
+   * Icon size. This may be a design-token label or any CSS size string
+   * understood by the runtime styles.
+   *
+   * Examples: `"sm"`, `"md"`, `"24px"`, `"1.5rem"`.
+   */
+  size?: string;
+
+  /**
+   * Accessible tooltip / title applied to the root element.
+   *
+   * When the root becomes a button, this value is also used for the generated
+   * `aria-label`.
+   */
+  title?: string;
+
+  /**
+   * Additional style-system overrides forwarded to the icon wrapper.
+   */
+  sx?: StyleDefinition;
+
+  /**
+   * Hides the component through shared style helpers.
+   */
+  hidden?: boolean;
+
+  /**
+   * Applies disabled styling state.
+   *
+   * Note that the runtime wrapper does not automatically add a native
+   * `disabled` attribute to the root button.
+   */
+  disabled?: boolean;
+
+  /**
+   * Explicit direction hint forwarded to shared direction helpers.
+   */
+  dir?: DirectionType;
+
+  /**
+   * Explicit DOM id for the root element.
+   *
+   * When omitted, the runtime generates one automatically.
+   */
+  id?: string;
+
+  /**
+   * Enables Shadow DOM-aware style injection when supported by the style
+   * engine.
+   */
+  shadowDom?: boolean;
+
+  /**
+   * Click handler. When present, the runtime switches the root element from
+   * `<div>` to `<button type="button">`.
+   */
+  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
+}
+
+/**
+ * Fixed SVG icon component for the ArrowDropDown glyph.
+ *
+ * The forwarded ref points to the runtime root element:
+ * - `HTMLButtonElement` when `onClick` is provided
+ * - `HTMLDivElement` otherwise
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDown />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDown color="primary" size="lg" title="ArrowDropDown" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDown onClick={() => console.log("open ArrowDropDown")} title="Open ArrowDropDown" />
+ * ```
+ */
+declare const ArrowDropDown: React.ForwardRefExoticComponent<
+  ArrowDropDownProps & React.RefAttributes<HTMLButtonElement | HTMLDivElement>
+>;
+
+export { ArrowDropDown };
+export default ArrowDropDown;

package/ArrowDropDown/index.js

@@ -0,0 +1 @@
+var r;import t,{forwardRef as a}from"react";import o from"../_Icon/IconWrapper";import{jsx as e,Fragment as m}from"react/jsx-runtime";const c=a((t,a)=>e(o,{dataIcon:r||(r=e(m,{children:e("path",{d:"m7 10 5 5 5-5z"})})),...t,ref:a}));export default c;

package/ArrowDropDown/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/ArrowDropDownCircle/index.d.ts

@@ -0,0 +1,108 @@
+import * as React from "react";
+import type { StandardColorType, DirectionType, StyleDefinition } from "@cbmisorg/styles";
+
+/**
+ * Props accepted by the `ArrowDropDownCircle` icon component.
+ *
+ * Runtime behavior:
+ * - the component renders a fixed ArrowDropDownCircle SVG path
+ * - when `onClick` is provided, the root element becomes a `<button>`
+ * - otherwise the root element is a `<div>`
+ *
+ * This component is not fully polymorphic and does not support a generic
+ * `component` root override.
+ */
+export interface ArrowDropDownCircleProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "children"> {
+  /**
+   * Color token passed to the shared icon style layer.
+   */
+  color?: StandardColorType;
+
+  /**
+   * Icon size. This may be a design-token label or any CSS size string
+   * understood by the runtime styles.
+   *
+   * Examples: `"sm"`, `"md"`, `"24px"`, `"1.5rem"`.
+   */
+  size?: string;
+
+  /**
+   * Accessible tooltip / title applied to the root element.
+   *
+   * When the root becomes a button, this value is also used for the generated
+   * `aria-label`.
+   */
+  title?: string;
+
+  /**
+   * Additional style-system overrides forwarded to the icon wrapper.
+   */
+  sx?: StyleDefinition;
+
+  /**
+   * Hides the component through shared style helpers.
+   */
+  hidden?: boolean;
+
+  /**
+   * Applies disabled styling state.
+   *
+   * Note that the runtime wrapper does not automatically add a native
+   * `disabled` attribute to the root button.
+   */
+  disabled?: boolean;
+
+  /**
+   * Explicit direction hint forwarded to shared direction helpers.
+   */
+  dir?: DirectionType;
+
+  /**
+   * Explicit DOM id for the root element.
+   *
+   * When omitted, the runtime generates one automatically.
+   */
+  id?: string;
+
+  /**
+   * Enables Shadow DOM-aware style injection when supported by the style
+   * engine.
+   */
+  shadowDom?: boolean;
+
+  /**
+   * Click handler. When present, the runtime switches the root element from
+   * `<div>` to `<button type="button">`.
+   */
+  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
+}
+
+/**
+ * Fixed SVG icon component for the ArrowDropDownCircle glyph.
+ *
+ * The forwarded ref points to the runtime root element:
+ * - `HTMLButtonElement` when `onClick` is provided
+ * - `HTMLDivElement` otherwise
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDownCircle />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDownCircle color="primary" size="lg" title="ArrowDropDownCircle" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDownCircle onClick={() => console.log("open ArrowDropDownCircle")} title="Open ArrowDropDownCircle" />
+ * ```
+ */
+declare const ArrowDropDownCircle: React.ForwardRefExoticComponent<
+  ArrowDropDownCircleProps & React.RefAttributes<HTMLButtonElement | HTMLDivElement>
+>;
+
+export { ArrowDropDownCircle };
+export default ArrowDropDownCircle;

package/ArrowDropDownCircle/index.js

@@ -0,0 +1 @@
+var r;import t,{forwardRef as a}from"react";import o from"../_Icon/IconWrapper";import{jsx as e,Fragment as m}from"react/jsx-runtime";const c=a((t,a)=>e(o,{dataIcon:r||(r=e(m,{children:e("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12-4-4h8l-4 4z"})})),...t,ref:a}));export default c;

package/ArrowDropDownCircle/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/ArrowDropDownCircleOutlined/index.d.ts

@@ -0,0 +1,108 @@
+import * as React from "react";
+import type { StandardColorType, DirectionType, StyleDefinition } from "@cbmisorg/styles";
+
+/**
+ * Props accepted by the `ArrowDropDownCircleOutlined` icon component.
+ *
+ * Runtime behavior:
+ * - the component renders a fixed ArrowDropDownCircleOutlined SVG path
+ * - when `onClick` is provided, the root element becomes a `<button>`
+ * - otherwise the root element is a `<div>`
+ *
+ * This component is not fully polymorphic and does not support a generic
+ * `component` root override.
+ */
+export interface ArrowDropDownCircleOutlinedProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "children"> {
+  /**
+   * Color token passed to the shared icon style layer.
+   */
+  color?: StandardColorType;
+
+  /**
+   * Icon size. This may be a design-token label or any CSS size string
+   * understood by the runtime styles.
+   *
+   * Examples: `"sm"`, `"md"`, `"24px"`, `"1.5rem"`.
+   */
+  size?: string;
+
+  /**
+   * Accessible tooltip / title applied to the root element.
+   *
+   * When the root becomes a button, this value is also used for the generated
+   * `aria-label`.
+   */
+  title?: string;
+
+  /**
+   * Additional style-system overrides forwarded to the icon wrapper.
+   */
+  sx?: StyleDefinition;
+
+  /**
+   * Hides the component through shared style helpers.
+   */
+  hidden?: boolean;
+
+  /**
+   * Applies disabled styling state.
+   *
+   * Note that the runtime wrapper does not automatically add a native
+   * `disabled` attribute to the root button.
+   */
+  disabled?: boolean;
+
+  /**
+   * Explicit direction hint forwarded to shared direction helpers.
+   */
+  dir?: DirectionType;
+
+  /**
+   * Explicit DOM id for the root element.
+   *
+   * When omitted, the runtime generates one automatically.
+   */
+  id?: string;
+
+  /**
+   * Enables Shadow DOM-aware style injection when supported by the style
+   * engine.
+   */
+  shadowDom?: boolean;
+
+  /**
+   * Click handler. When present, the runtime switches the root element from
+   * `<div>` to `<button type="button">`.
+   */
+  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
+}
+
+/**
+ * Fixed SVG icon component for the ArrowDropDownCircleOutlined glyph.
+ *
+ * The forwarded ref points to the runtime root element:
+ * - `HTMLButtonElement` when `onClick` is provided
+ * - `HTMLDivElement` otherwise
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDownCircleOutlined />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDownCircleOutlined color="primary" size="lg" title="ArrowDropDownCircleOutlined" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ArrowDropDownCircleOutlined onClick={() => console.log("open ArrowDropDownCircleOutlined")} title="Open ArrowDropDownCircleOutlined" />
+ * ```
+ */
+declare const ArrowDropDownCircleOutlined: React.ForwardRefExoticComponent<
+  ArrowDropDownCircleOutlinedProps & React.RefAttributes<HTMLButtonElement | HTMLDivElement>
+>;
+
+export { ArrowDropDownCircleOutlined };
+export default ArrowDropDownCircleOutlined;

package/ArrowDropDownCircleOutlined/index.js

@@ -0,0 +1 @@
+var r;import t,{forwardRef as a}from"react";import o from"../_Icon/IconWrapper";import{jsx as m,Fragment as e}from"react/jsx-runtime";const c=a((t,a)=>m(o,{dataIcon:r||(r=m(e,{children:m("path",{d:"M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 13-4-4h8z"})})),...t,ref:a}));export default c;

package/ArrowDropDownCircleOutlined/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}