@signalflare-ai/ui 0.5.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/blocks/delete-resource/delete-resource.tsx"],"sourcesContent":["import {\n  CheckIcon,\n  CopyIcon,\n  WarningCircleIcon,\n  XIcon,\n} from \"@phosphor-icons/react\";\nimport { useState, useCallback, useEffect } from \"react\";\n\nimport { Banner } from \"../../components/banner\";\nimport { Button } from \"../../components/button\";\nimport {\n  Dialog,\n  DialogRoot,\n  DialogTitle,\n  DialogClose,\n} from \"../../components/dialog\";\nimport { Input } from \"../../components/input\";\nimport { cn } from \"../../utils/cn\";\n\nexport const SF_DELETE_RESOURCE_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"\",\n      description: \"Small dialog for simple delete confirmations\",\n    },\n    base: {\n      classes: \"\",\n      description: \"Default delete confirmation dialog size\",\n    },\n  },\n} as const;\n\nexport const SF_DELETE_RESOURCE_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\nexport type SFDeleteResourceSize =\n  keyof typeof SF_DELETE_RESOURCE_VARIANTS.size;\n\nexport interface SFDeleteResourceVariantsProps {\n  size?: SFDeleteResourceSize;\n}\n\nexport interface DeleteResourceProps extends SFDeleteResourceVariantsProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** The type of resource being deleted (e.g., \"Zone\", \"Worker\", \"KV Namespace\") */\n  resourceType: string;\n  /** The name of the specific resource being deleted */\n  resourceName: string;\n  /** Callback when delete is confirmed */\n  onDelete: () => void | Promise<void>;\n  /** Whether the delete action is in progress */\n  isDeleting?: boolean;\n  /** Whether the confirmation input should be case-sensitive (default: true) */\n  caseSensitive?: boolean;\n  /** Custom delete button text (defaults to \"Delete {resourceType}\") */\n  deleteButtonText?: string;\n  /** Additional className for the dialog */\n  className?: string;\n  /** Error message to display if the delete action fails */\n  errorMessage?: string;\n}\n\nexport function DeleteResource({\n  open,\n  onOpenChange,\n  resourceType,\n  resourceName,\n  onDelete,\n  isDeleting = false,\n  caseSensitive = true,\n  deleteButtonText,\n  size = SF_DELETE_RESOURCE_DEFAULT_VARIANTS.size,\n  errorMessage,\n  className,\n}: DeleteResourceProps) {\n  const [confirmationInput, setConfirmationInput] = useState(\"\");\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    if (!open) {\n      setConfirmationInput(\"\");\n      setCopied(false);\n    }\n  }, [open]);\n\n  const normalizeForComparison = useCallback(\n    (str: string) => (caseSensitive ? str : str.toLowerCase()),\n    [caseSensitive]\n  );\n\n  const isConfirmed =\n    normalizeForComparison(confirmationInput) ===\n    normalizeForComparison(resourceName);\n\n  const handleDelete = useCallback(async () => {\n    if (!isConfirmed || isDeleting) return;\n    await onDelete();\n  }, [isConfirmed, isDeleting, onDelete]);\n\n  const handleCopy = useCallback(async () => {\n    await navigator.clipboard.writeText(resourceName);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  }, [resourceName]);\n\n  return (\n    <DialogRoot open={open} onOpenChange={onOpenChange}>\n      <Dialog size={size} className={cn(\"p-0\", className)}>\n        <div className=\"flex items-center justify-between border-b border-sf-line px-6 py-4\">\n          <DialogTitle className=\"text-lg font-semibold\">\n            Delete {resourceName}\n          </DialogTitle>\n          <DialogClose\n            render={(props) => (\n              <Button\n                {...props}\n                variant=\"ghost\"\n                shape=\"square\"\n                size=\"sm\"\n                aria-label=\"Close\"\n                disabled={isDeleting}\n              >\n                <XIcon size={18} />\n              </Button>\n            )}\n          />\n        </div>\n\n        <div className=\"flex flex-col p-6 gap-4\">\n          <div className=\"flex flex-col gap-2\">\n            {errorMessage && (\n              <Banner icon={<WarningCircleIcon />} variant=\"error\">\n                {errorMessage}\n              </Banner>\n            )}\n            <p className=\"text-base text-sf-subtle max-w-prose text-pretty\">\n              This action cannot be undone. This will permanently delete the{\" \"}\n              <span className=\"font-medium text-sf-default\">\n                {resourceName}\n              </span>{\" \"}\n              {resourceType.toLowerCase()}.\n            </p>\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <div className=\"flex items-center gap-1.5 text-base\">\n              <span>\n                Type{\" \"}\n                <button\n                  className=\"font-mono text-sm inline font-semibold bg-sf-tint hover:bg-sf-fill rounded-md px-2 py-1 group hover:cursor-pointer\"\n                  onClick={handleCopy}\n                  aria-label={`Copy ${resourceName} to clipboard`}\n                >\n                  {resourceName}\n\n                  {copied ? (\n                    <CheckIcon\n                      size={12}\n                      weight=\"bold\"\n                      className=\"inline ml-1.5\"\n                    />\n                  ) : (\n                    <CopyIcon\n                      size={12}\n                      weight=\"bold\"\n                      className=\"inline text-sf-subtle group-hover:text-sf-default ml-1.5\"\n                    />\n                  )}\n                </button>{\" \"}\n                to confirm:\n              </span>\n            </div>\n            <Input\n              placeholder={resourceName}\n              value={confirmationInput}\n              onChange={(e) => setConfirmationInput(e.target.value)}\n              disabled={isDeleting}\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck={false}\n              aria-label={`Type ${resourceName} to confirm deletion`}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div className=\"flex justify-end gap-3 border-t border-sf-line px-6 py-4\">\n          <DialogClose\n            render={(props) => (\n              <Button {...props} variant=\"secondary\" disabled={isDeleting}>\n                Cancel\n              </Button>\n            )}\n          />\n          <Button\n            variant=\"destructive\"\n            onClick={handleDelete}\n            disabled={!isConfirmed || isDeleting}\n            loading={isDeleting}\n          >\n            {deleteButtonText || `Delete ${resourceType}`}\n          </Button>\n        </div>\n      </Dialog>\n    </DialogRoot>\n  );\n}\n\nDeleteResource.displayName = \"DeleteResource\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAa,8BAA8B,EACzC,MAAM;CACJ,IAAI;EACF,SAAS;EACT,aAAa;EACd;CACD,MAAM;EACJ,SAAS;EACT,aAAa;EACd;CACF,EACF;AAED,IAAa,sCAAsC,EACjD,MAAM,QACP;AAgCD,SAAgB,eAAe,EAC7B,MACA,cACA,cACA,cACA,UACA,aAAa,OACb,gBAAgB,MAChB,kBACA,OAAO,oCAAoC,MAC3C,cACA,aACsB;CACtB,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,GAAG;CAC9D,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;AAE3C,iBAAgB;AACd,MAAI,CAAC,MAAM;AACT,wBAAqB,GAAG;AACxB,aAAU,MAAM;;IAEjB,CAAC,KAAK,CAAC;CAEV,MAAM,yBAAyB,aAC5B,QAAiB,gBAAgB,MAAM,IAAI,aAAa,EACzD,CAAC,cAAc,CAChB;CAED,MAAM,cACJ,uBAAuB,kBAAkB,KACzC,uBAAuB,aAAa;CAEtC,MAAM,eAAe,YAAY,YAAY;AAC3C,MAAI,CAAC,eAAe,WAAY;AAChC,QAAM,UAAU;IACf;EAAC;EAAa;EAAY;EAAS,CAAC;CAEvC,MAAM,aAAa,YAAY,YAAY;AACzC,QAAM,UAAU,UAAU,UAAU,aAAa;AACjD,YAAU,KAAK;AACf,mBAAiB,UAAU,MAAM,EAAE,KAAK;IACvC,CAAC,aAAa,CAAC;AAElB,QACE,oBAAC,YAAD;EAAkB;EAAoB;YACpC,qBAAC,QAAD;GAAc;GAAM,WAAW,GAAG,OAAO,UAAU;aAAnD;IACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,aAAD;MAAa,WAAU;gBAAvB,CAA+C,WACrC,aACI;SACd,oBAAC,aAAD,EACE,SAAS,UACP,oBAAC,QAAD;MACE,GAAI;MACJ,SAAQ;MACR,OAAM;MACN,MAAK;MACL,cAAW;MACX,UAAU;gBAEV,oBAAC,OAAD,EAAO,MAAM,IAAM,CAAA;MACZ,CAAA,EAEX,CAAA,CACE;;IAEN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,gBACC,oBAAC,QAAD;OAAQ,MAAM,oBAAC,mBAAD,EAAqB,CAAA;OAAE,SAAQ;iBAC1C;OACM,CAAA,EAEX,qBAAC,KAAD;OAAG,WAAU;iBAAb;QAAgE;QACC;QAC/D,oBAAC,QAAD;SAAM,WAAU;mBACb;SACI,CAAA;QAAC;QACP,aAAa,aAAa;QAAC;QAC1B;SACA;SAEN,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OAAK,WAAU;iBACb,qBAAC,QAAD,EAAA,UAAA;QAAM;QACC;QACL,qBAAC,UAAD;SACE,WAAU;SACV,SAAS;SACT,cAAY,QAAQ,aAAa;mBAHnC,CAKG,cAEA,SACC,oBAAC,WAAD;UACE,MAAM;UACN,QAAO;UACP,WAAU;UACV,CAAA,GAEF,oBAAC,UAAD;UACE,MAAM;UACN,QAAO;UACP,WAAU;UACV,CAAA,CAEG;;QAAC;QAAI;QAET,EAAA,CAAA;OACH,CAAA,EACN,oBAAC,OAAD;OACE,aAAa;OACb,OAAO;OACP,WAAW,MAAM,qBAAqB,EAAE,OAAO,MAAM;OACrD,UAAU;OACV,cAAa;OACb,aAAY;OACZ,gBAAe;OACf,YAAY;OACZ,cAAY,QAAQ,aAAa;OACjC,WAAU;OACV,CAAA,CACE;QACF;;IAEN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,aAAD,EACE,SAAS,UACP,oBAAC,QAAD;MAAQ,GAAI;MAAO,SAAQ;MAAY,UAAU;gBAAY;MAEpD,CAAA,EAEX,CAAA,EACF,oBAAC,QAAD;MACE,SAAQ;MACR,SAAS;MACT,UAAU,CAAC,eAAe;MAC1B,SAAS;gBAER,oBAAoB,UAAU;MACxB,CAAA,CACL;;IACC;;EACE,CAAA;;AAIjB,eAAe,cAAc"}

package/dist/input-BxQAnXki.js

@@ -0,0 +1,81 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { t as Field } from "./field-Y_UK1_Cg.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+//#region src/components/input/input.tsx
+/** Input size and variant definitions mapping names to their Tailwind classes. */
+var SF_INPUT_VARIANTS = {
+	size: {
+		xs: {
+			classes: "h-5 gap-1 rounded-sm px-1.5 text-xs",
+			description: "Extra small input for compact UIs"
+		},
+		sm: {
+			classes: "h-6.5 gap-1 rounded-md px-2 text-xs",
+			description: "Small input for secondary fields"
+		},
+		base: {
+			classes: "h-9 gap-1.5 rounded-lg px-3 text-base",
+			description: "Default input size"
+		},
+		lg: {
+			classes: "h-10 gap-2 rounded-lg px-4 text-base",
+			description: "Large input for prominent fields"
+		}
+	},
+	variant: {
+		default: {
+			classes: "focus:ring-sf-ring",
+			description: "Default input appearance"
+		},
+		error: {
+			classes: "!ring-sf-danger focus:ring-sf-danger",
+			description: "Error state for validation failures"
+		}
+	}
+};
+var SF_INPUT_DEFAULT_VARIANTS = {
+	size: "base",
+	variant: "default"
+};
+function inputVariants({ variant = SF_INPUT_DEFAULT_VARIANTS.variant, size = SF_INPUT_DEFAULT_VARIANTS.size, parentFocusIndicator = false, focusIndicator = false } = {}) {
+	return cn("border-0 bg-sf-control text-sf-default ring ring-sf-line", "outline-none placeholder:text-sf-subtle disabled:text-sf-subtle", SF_INPUT_VARIANTS.size[size].classes, SF_INPUT_VARIANTS.variant[variant].classes, parentFocusIndicator && "[&:has(:focus-within)]:ring-sf-ring", focusIndicator && "focus:ring-sf-ring");
+}
+var Input$1 = forwardRef((props, ref) => {
+	const { className, size = "base", variant = "default", label, labelTooltip, description, error, ...inputProps } = props;
+	const { required } = inputProps;
+	if (process.env.NODE_ENV !== "production") {
+		const hasLabel = Boolean(label);
+		const hasPlaceholderAndAriaLabel = Boolean(inputProps.placeholder && inputProps["aria-label"]);
+		const hasAriaLabelledBy = Boolean(inputProps["aria-labelledby"]);
+		if (!hasLabel && !hasPlaceholderAndAriaLabel && !hasAriaLabelledBy) console.warn("[SF Input]: Input must have an accessible name. Provide either:\n  - label prop: <Input label='Email' />\n  - placeholder + aria-label: <Input placeholder='Email' aria-label='Email address' />\n  - aria-labelledby for custom label association");
+	}
+	const input = /* @__PURE__ */ jsx(Input, {
+		ref,
+		className: cn(inputVariants({
+			size,
+			variant,
+			focusIndicator: true
+		}), className),
+		...inputProps
+	});
+	if (label) return /* @__PURE__ */ jsx(Field, {
+		label,
+		required,
+		labelTooltip,
+		description,
+		error: error ? typeof error === "string" ? {
+			message: error,
+			match: true
+		} : error : void 0,
+		children: input
+	});
+	return input;
+});
+Input$1.displayName = "Input";
+//#endregion
+export { SF_INPUT_VARIANTS as n, inputVariants as r, Input$1 as t };
+
+//# sourceMappingURL=input-BxQAnXki.js.map

package/dist/input-BxQAnXki.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-BxQAnXki.js","names":[],"sources":["../src/components/input/input.tsx"],"sourcesContent":["import { Input as BaseInput } from \"@base-ui/react/input\";\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\n\n/** Input size and variant definitions mapping names to their Tailwind classes. */\nexport const SF_INPUT_VARIANTS = {\n  size: {\n    xs: {\n      classes: \"h-5 gap-1 rounded-sm px-1.5 text-xs\",\n      description: \"Extra small input for compact UIs\",\n    },\n    sm: {\n      classes: \"h-6.5 gap-1 rounded-md px-2 text-xs\",\n      description: \"Small input for secondary fields\",\n    },\n    base: {\n      classes: \"h-9 gap-1.5 rounded-lg px-3 text-base\",\n      description: \"Default input size\",\n    },\n    lg: {\n      classes: \"h-10 gap-2 rounded-lg px-4 text-base\",\n      description: \"Large input for prominent fields\",\n    },\n  },\n  variant: {\n    default: {\n      classes: \"focus:ring-sf-ring\",\n      description: \"Default input appearance\",\n    },\n    error: {\n      classes: \"!ring-sf-danger focus:ring-sf-danger\",\n      description: \"Error state for validation failures\",\n    },\n  },\n} as const;\n\nexport const SF_INPUT_DEFAULT_VARIANTS = {\n  size: \"base\",\n  variant: \"default\",\n} as const;\n\nexport const SF_INPUT_STYLING = {\n  dimensions: {\n    xs: { height: 20, paddingX: 6, fontSize: 12, borderRadius: 2, width: 160 },\n    sm: { height: 26, paddingX: 8, fontSize: 12, borderRadius: 6, width: 200 },\n    base: {\n      height: 36,\n      paddingX: 12,\n      fontSize: 16,\n      borderRadius: 8,\n      width: 280,\n    },\n    lg: { height: 40, paddingX: 16, fontSize: 16, borderRadius: 8, width: 320 },\n  },\n  baseTokens: {\n    background: \"color-secondary\",\n    text: \"text-color-surface\",\n    placeholder: \"text-color-muted\",\n    ring: \"color-border\",\n  },\n  stateTokens: {\n    focus: { ring: \"color-active\" },\n    error: { ring: \"color-error\" },\n    disabled: { opacity: 0.5, text: \"text-color-muted\" },\n  },\n} as const;\n\n// Derived types from SF_INPUT_VARIANTS\nexport type SFInputSize = keyof typeof SF_INPUT_VARIANTS.size;\nexport type SFInputVariant = keyof typeof SF_INPUT_VARIANTS.variant;\n\nexport interface SFInputVariantsProps {\n  /**\n   * Input size.\n   * - `\"xs\"` — Extra small for compact UIs\n   * - `\"sm\"` — Small for secondary fields\n   * - `\"base\"` — Default size\n   * - `\"lg\"` — Large for prominent fields\n   * @default \"base\"\n   */\n  size?: SFInputSize;\n  /**\n   * Visual variant.\n   * - `\"default\"` — Standard input\n   * - `\"error\"` — Error state for validation failures\n   * @default \"default\"\n   */\n  variant?: SFInputVariant;\n  parentFocusIndicator?: boolean;\n  focusIndicator?: boolean;\n}\n\n// Omit native `size` attribute (number) to avoid conflict with our custom `size` variant\ntype BaseInputProps = Omit<ComponentPropsWithoutRef<typeof BaseInput>, \"size\">;\n\nexport function inputVariants({\n  variant = SF_INPUT_DEFAULT_VARIANTS.variant,\n  size = SF_INPUT_DEFAULT_VARIANTS.size,\n  parentFocusIndicator = false,\n  focusIndicator = false,\n}: SFInputVariantsProps = {}) {\n  return cn(\n    // Base styles\n    \"border-0 bg-sf-control text-sf-default ring ring-sf-line\",\n    // Disabled state and placeholder styles\n    \"outline-none placeholder:text-sf-subtle disabled:text-sf-subtle\",\n    // Apply size styles from SF_INPUT_VARIANTS\n    SF_INPUT_VARIANTS.size[size].classes,\n    // Apply variant styles from SF_INPUT_VARIANTS\n    SF_INPUT_VARIANTS.variant[variant].classes,\n    // Focus state handling\n    parentFocusIndicator && \"[&:has(:focus-within)]:ring-sf-ring\",\n    focusIndicator && \"focus:ring-sf-ring\"\n  );\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {\n  const {\n    className,\n    size = \"base\",\n    variant = \"default\",\n    label,\n    labelTooltip,\n    description,\n    error,\n    ...inputProps\n  } = props;\n\n  // Extract required from inputProps to pass to Field for label decoration\n  const { required } = inputProps;\n\n  // A11y enforcement: warn in dev if no accessible name provided\n  if (process.env.NODE_ENV !== \"production\") {\n    const hasLabel = Boolean(label);\n    const hasPlaceholderAndAriaLabel = Boolean(\n      inputProps.placeholder && inputProps[\"aria-label\"]\n    );\n    const hasAriaLabelledBy = Boolean(inputProps[\"aria-labelledby\"]);\n\n    if (!hasLabel && !hasPlaceholderAndAriaLabel && !hasAriaLabelledBy) {\n      console.warn(\n        \"[SF Input]: Input must have an accessible name. Provide either:\\n\" +\n          \"  - label prop: <Input label='Email' />\\n\" +\n          \"  - placeholder + aria-label: <Input placeholder='Email' aria-label='Email address' />\\n\" +\n          \"  - aria-labelledby for custom label association\"\n      );\n    }\n  }\n\n  const input = (\n    <BaseInput\n      ref={ref}\n      className={cn(\n        inputVariants({ size, variant, focusIndicator: true }),\n        className\n      )}\n      {...inputProps}\n    />\n  );\n\n  // Render with Field wrapper if label is provided\n  if (label) {\n    return (\n      <Field\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        description={description}\n        error={\n          error\n            ? typeof error === \"string\"\n              ? { message: error, match: true }\n              : error\n            : undefined\n        }\n      >\n        {input}\n      </Field>\n    );\n  }\n\n  // Render bare input without Field wrapper\n  return input;\n});\n\nInput.displayName = \"Input\";\n\n/**\n * Input component props with accessibility guidance.\n *\n * **Accessible Name Required:** Input should have one of:\n * 1. `label` prop (recommended) - enables Field wrapper with label/description/error\n * 2. `placeholder` + `aria-label` - for bare inputs with visual placeholder\n * 3. `aria-labelledby` - for custom label association\n *\n * Missing accessible names will trigger console warnings in development.\n *\n * @example\n * // Recommended: Built-in Field wrapper\n * <Input label=\"Email\" placeholder=\"you@example.com\" />\n *\n * @example\n * // Bare input with placeholder and aria-label\n * <Input placeholder=\"Search...\" aria-label=\"Search products\" />\n *\n * @example\n * // Custom label association\n * <label id=\"email-label\">Email</label>\n * <Input aria-labelledby=\"email-label\" />\n *\n * @example\n * // With description and error\n * <Input\n *   label=\"Password\"\n *   description=\"Must be at least 8 characters\"\n *   error=\"Password is too short\"\n *   variant=\"error\"\n * />\n */\nexport type InputProps = Pick<SFInputVariantsProps, \"size\" | \"variant\"> &\n  BaseInputProps & {\n    /** Label content for the input (enables Field wrapper) - can be a string or any React node */\n    label?: ReactNode;\n    /** Tooltip content to display next to the label via an info icon */\n    labelTooltip?: ReactNode;\n    /** Helper text displayed below the input */\n    description?: ReactNode;\n    /** Error message or validation error object */\n    error?: string | { message: ReactNode; match: FieldErrorMatch };\n  };\n"],"mappings":";;;;;;;;AAWA,IAAa,oBAAoB;CAC/B,MAAM;EACJ,IAAI;GACF,SAAS;GACT,aAAa;GACd;EACD,IAAI;GACF,SAAS;GACT,aAAa;GACd;EACD,MAAM;GACJ,SAAS;GACT,aAAa;GACd;EACD,IAAI;GACF,SAAS;GACT,aAAa;GACd;EACF;CACD,SAAS;EACP,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACD,OAAO;GACL,SAAS;GACT,aAAa;GACd;EACF;CACF;AAED,IAAa,4BAA4B;CACvC,MAAM;CACN,SAAS;CACV;AAwDD,SAAgB,cAAc,EAC5B,UAAU,0BAA0B,SACpC,OAAO,0BAA0B,MACjC,uBAAuB,OACvB,iBAAiB,UACO,EAAE,EAAE;AAC5B,QAAO,GAEL,4DAEA,mEAEA,kBAAkB,KAAK,MAAM,SAE7B,kBAAkB,QAAQ,SAAS,SAEnC,wBAAwB,uCACxB,kBAAkB,qBACnB;;AAGH,IAAa,UAAQ,YAA0C,OAAO,QAAQ;CAC5E,MAAM,EACJ,WACA,OAAO,QACP,UAAU,WACV,OACA,cACA,aACA,OACA,GAAG,eACD;CAGJ,MAAM,EAAE,aAAa;AAGrB,KAAA,QAAA,IAAA,aAA6B,cAAc;EACzC,MAAM,WAAW,QAAQ,MAAM;EAC/B,MAAM,6BAA6B,QACjC,WAAW,eAAe,WAAW,cACtC;EACD,MAAM,oBAAoB,QAAQ,WAAW,mBAAmB;AAEhE,MAAI,CAAC,YAAY,CAAC,8BAA8B,CAAC,kBAC/C,SAAQ,KACN,qPAID;;CAIL,MAAM,QACJ,oBAAC,OAAD;EACO;EACL,WAAW,GACT,cAAc;GAAE;GAAM;GAAS,gBAAgB;GAAM,CAAC,EACtD,UACD;EACD,GAAI;EACJ,CAAA;AAIJ,KAAI,MACF,QACE,oBAAC,OAAD;EACS;EACG;EACI;EACD;EACb,OACE,QACI,OAAO,UAAU,WACf;GAAE,SAAS;GAAO,OAAO;GAAM,GAC/B,QACF,KAAA;YAGL;EACK,CAAA;AAKZ,QAAO;EACP;AAEF,QAAM,cAAc"}

package/dist/input-Cn25I4o5.js

@@ -0,0 +1,121 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { t as Button$1 } from "./button-De0267YU.js";
+import { t as Field } from "./field-Y_UK1_Cg.js";
+import { r as inputVariants, t as Input$1 } from "./input-BxQAnXki.js";
+import * as React$1 from "react";
+import { useCallback, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/input/input-area.tsx
+var InputArea = React$1.forwardRef((props, ref) => {
+	const { className, onValueChange, size = "base", variant = "default", onChange, label, labelTooltip, description, error, ...inputProps } = props;
+	const { required } = inputProps;
+	const handleChange = useCallback((event) => {
+		onChange?.(event);
+		onValueChange?.(event.target.value);
+	}, [onChange, onValueChange]);
+	const textarea = /* @__PURE__ */ jsx("textarea", {
+		ref,
+		className: cn(inputVariants({
+			size,
+			variant,
+			focusIndicator: true
+		}), "h-auto py-2", className),
+		onChange: handleChange,
+		...inputProps
+	});
+	if (label) return /* @__PURE__ */ jsx(Field, {
+		label,
+		required,
+		labelTooltip,
+		description,
+		error: error ? typeof error === "string" ? {
+			message: error,
+			match: true
+		} : error : void 0,
+		children: textarea
+	});
+	return textarea;
+});
+InputArea.displayName = "InputArea";
+/** Alias for InputArea — provided for discoverability when migrating from other libraries */
+var Textarea = InputArea;
+//#endregion
+//#region src/components/input/input-group.tsx
+var SF_INPUT_GROUP_DEFAULT_VARIANTS = { focusMode: "container" };
+var InputGroupContext = React$1.createContext(null);
+function Root({ size, children, className, focusMode = SF_INPUT_GROUP_DEFAULT_VARIANTS.focusMode }) {
+	const inputId = React$1.useId();
+	const descriptionId = React$1.useId();
+	const contextValue = React$1.useMemo(() => ({
+		size,
+		inputId,
+		descriptionId,
+		focusMode
+	}), [
+		size,
+		inputId,
+		descriptionId,
+		focusMode
+	]);
+	const isIndividualFocus = focusMode === "individual";
+	return /* @__PURE__ */ jsx(InputGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn(inputVariants({
+				size,
+				parentFocusIndicator: !isIndividualFocus
+			}), "flex w-full gap-0 border-0 px-0", isIndividualFocus ? "overflow-visible" : "overflow-hidden shadow-xs ring ring-sf-line focus-within:ring-sf-ring", className),
+			children
+		})
+	});
+}
+function Label({ children }) {
+	const context = useContext(InputGroupContext);
+	const isIndividualFocus = context?.focusMode === "individual";
+	return /* @__PURE__ */ jsx("label", {
+		htmlFor: context?.inputId,
+		className: cn("flex h-full items-center p-0 px-2 text-sf-subtle", isIndividualFocus && "first:rounded-l-[inherit] last:rounded-r-[inherit]"),
+		children
+	});
+}
+function Input(props) {
+	const context = useContext(InputGroupContext);
+	const isIndividualFocus = context?.focusMode === "individual";
+	return /* @__PURE__ */ jsx(Input$1, {
+		id: context?.inputId,
+		"aria-describedby": context?.descriptionId,
+		size: context?.size,
+		...props,
+		className: cn("flex h-full items-center rounded-none border-0 bg-sf-base font-sans", "grow px-2", isIndividualFocus ? "relative ring ring-sf-line first:rounded-l-[inherit] last:rounded-r-[inherit] focus:z-10 focus:outline" : "focus:border-sf-fill", props.className)
+	});
+}
+function Description({ children }) {
+	const context = useContext(InputGroupContext);
+	const isIndividualFocus = context?.focusMode === "individual";
+	return /* @__PURE__ */ jsx("span", {
+		id: context?.descriptionId,
+		className: cn("flex h-full items-center p-0 px-2 text-sf-subtle", isIndividualFocus && "first:rounded-l-[inherit] last:rounded-r-[inherit]"),
+		children
+	});
+}
+function Button({ children, className, ...props }) {
+	const context = useContext(InputGroupContext);
+	const isIndividualFocus = context?.focusMode === "individual";
+	return /* @__PURE__ */ jsx(Button$1, {
+		...props,
+		size: context?.size,
+		className: cn("h-full! rounded-none disabled:bg-sf-overlay disabled:text-sf-inactive!", isIndividualFocus && "relative ring ring-sf-line first:rounded-l-[inherit] last:rounded-r-[inherit] focus:z-10 focus:outline", className),
+		children
+	});
+}
+var InputGroup = Object.assign(Root, {
+	Label,
+	Input,
+	Button,
+	Description
+});
+//#endregion
+export { InputArea as n, Textarea as r, InputGroup as t };
+
+//# sourceMappingURL=input-Cn25I4o5.js.map

package/dist/input-Cn25I4o5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-Cn25I4o5.js","names":[],"sources":["../src/components/input/input-area.tsx","../src/components/input/input-group.tsx"],"sourcesContent":["import { useCallback, type ReactNode } from \"react\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Field as SFField, type FieldErrorMatch } from \"../field/field\";\nimport { inputVariants } from \"./input\";\n\nexport const InputArea = React.forwardRef<HTMLTextAreaElement, InputAreaProps>(\n  (props, ref) => {\n    const {\n      className,\n      onValueChange,\n      size = \"base\",\n      variant = \"default\",\n      onChange,\n      label,\n      labelTooltip,\n      description,\n      error,\n      ...inputProps\n    } = props;\n\n    // Extract required from inputProps to pass to Field for label decoration\n    const { required } = inputProps;\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event);\n        onValueChange?.(event.target.value);\n      },\n      [onChange, onValueChange]\n    );\n\n    const textarea = (\n      <textarea\n        ref={ref}\n        className={cn(\n          inputVariants({ size, variant, focusIndicator: true }),\n          \"h-auto py-2\", // Input variant always come with size, but it does not apply for textarea\n          className\n        )}\n        onChange={handleChange}\n        {...inputProps}\n      />\n    );\n\n    // Render with Field wrapper if label is provided\n    if (label) {\n      return (\n        <SFField\n          label={label}\n          required={required}\n          labelTooltip={labelTooltip}\n          description={description}\n          error={\n            error\n              ? typeof error === \"string\"\n                ? { message: error, match: true }\n                : error\n              : undefined\n          }\n        >\n          {textarea}\n        </SFField>\n      );\n    }\n\n    // Render bare textarea without Field wrapper\n    return textarea;\n  }\n);\n\nInputArea.displayName = \"InputArea\";\n\n/** Alias for InputArea — provided for discoverability when migrating from other libraries */\nexport const Textarea = InputArea;\n\n/**\n * InputArea component props\n * @property {ReactNode} [label] - Label content for the textarea (enables Field wrapper)\n * @property {ReactNode} [description] - Helper text displayed below the textarea\n * @property {string | { message: ReactNode, match: FieldErrorMatch }} [error] - Error message or validation error object\n */\nexport type InputAreaProps = {\n  onValueChange?: (value: string) => void;\n  variant?: \"default\" | \"error\";\n  size?: \"xs\" | \"sm\" | \"base\" | \"lg\";\n  // Then other custom props\n  children?: React.ReactNode;\n  className?: string;\n  /** Label content for the textarea (enables Field wrapper) - can be a string or any React node */\n  label?: ReactNode;\n  /** Tooltip content to display next to the label via an info icon */\n  labelTooltip?: ReactNode;\n  /** Helper text displayed below the textarea */\n  description?: ReactNode;\n  /** Error message or validation error object */\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n\n  // Finally, spread the native input props (least important)\n} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"size\">;\n","import { type PropsWithChildren, useContext } from \"react\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { type ButtonProps, Button as ButtonExternal } from \"../button/button\";\nimport {\n  Input as InputExternal,\n  type InputProps,\n  inputVariants,\n} from \"./input\";\n\nexport const SF_INPUT_GROUP_VARIANTS = {\n  focusMode: {\n    container: {\n      classes: \"\",\n      description: \"Focus indicator on container (default behavior)\",\n    },\n    individual: {\n      classes: \"\",\n      description: \"Focus indicators on individual elements\",\n    },\n  },\n} as const;\n\nexport const SF_INPUT_GROUP_DEFAULT_VARIANTS = {\n  focusMode: \"container\",\n} as const;\n\nexport type SFInputGroupFocusMode =\n  keyof typeof SF_INPUT_GROUP_VARIANTS.focusMode;\n\nexport interface SFInputGroupVariantsProps {\n  focusMode?: SFInputGroupFocusMode;\n}\n\ninterface InputGroupRootProps extends SFInputGroupVariantsProps {\n  className?: string;\n  size?: \"xs\" | \"sm\" | \"base\" | \"lg\" | undefined;\n}\n\ninterface InputGroupContextValue extends InputGroupRootProps {\n  inputId: string;\n  descriptionId: string;\n}\n\nconst InputGroupContext = React.createContext<InputGroupContextValue | null>(\n  null\n);\n\nfunction Root({\n  size,\n  children,\n  className,\n  focusMode = SF_INPUT_GROUP_DEFAULT_VARIANTS.focusMode,\n}: PropsWithChildren<InputGroupRootProps>) {\n  const inputId = React.useId();\n  const descriptionId = React.useId();\n  const contextValue = React.useMemo(\n    () => ({ size, inputId, descriptionId, focusMode }),\n    [size, inputId, descriptionId, focusMode]\n  );\n\n  const isIndividualFocus = focusMode === \"individual\";\n\n  return (\n    <InputGroupContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          inputVariants({ size, parentFocusIndicator: !isIndividualFocus }),\n          \"flex w-full gap-0 border-0 px-0\",\n          isIndividualFocus\n            ? \"overflow-visible\"\n            : \"overflow-hidden shadow-xs ring ring-sf-line focus-within:ring-sf-ring\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </InputGroupContext.Provider>\n  );\n}\n\nfunction Label({ children }: PropsWithChildren<{}>) {\n  const context = useContext(InputGroupContext);\n  const isIndividualFocus = context?.focusMode === \"individual\";\n\n  return (\n    <label\n      htmlFor={context?.inputId}\n      className={cn(\n        \"flex h-full items-center p-0 px-2 text-sf-subtle\",\n        isIndividualFocus &&\n          \"first:rounded-l-[inherit] last:rounded-r-[inherit]\"\n      )}\n    >\n      {children}\n    </label>\n  );\n}\n\nfunction Input(props: InputProps) {\n  const context = useContext(InputGroupContext);\n  const isIndividualFocus = context?.focusMode === \"individual\";\n\n  return (\n    <InputExternal\n      id={context?.inputId}\n      aria-describedby={context?.descriptionId}\n      size={context?.size}\n      {...props}\n      className={cn(\n        \"flex h-full items-center rounded-none border-0 bg-sf-base font-sans\",\n        \"grow px-2\",\n        isIndividualFocus\n          ? \"relative ring ring-sf-line first:rounded-l-[inherit] last:rounded-r-[inherit] focus:z-10 focus:outline\"\n          : \"focus:border-sf-fill\",\n        props.className\n      )}\n    />\n  );\n}\n\nfunction Description({ children }: PropsWithChildren<{}>) {\n  const context = useContext(InputGroupContext);\n  const isIndividualFocus = context?.focusMode === \"individual\";\n\n  return (\n    <span\n      id={context?.descriptionId}\n      className={cn(\n        \"flex h-full items-center p-0 px-2 text-sf-subtle\",\n        isIndividualFocus &&\n          \"first:rounded-l-[inherit] last:rounded-r-[inherit]\"\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction Button({\n  children,\n  className,\n  ...props\n}: PropsWithChildren<ButtonProps>) {\n  const context = useContext(InputGroupContext);\n  const isIndividualFocus = context?.focusMode === \"individual\";\n\n  return (\n    <ButtonExternal\n      {...props}\n      size={context?.size}\n      className={cn(\n        \"h-full! rounded-none disabled:bg-sf-overlay disabled:text-sf-inactive!\",\n        isIndividualFocus &&\n          \"relative ring ring-sf-line first:rounded-l-[inherit] last:rounded-r-[inherit] focus:z-10 focus:outline\",\n        className\n      )}\n    >\n      {children}\n    </ButtonExternal>\n  );\n}\n\nexport const InputGroup = Object.assign(Root, {\n  Label,\n  Input,\n  Button,\n  Description,\n});\n"],"mappings":";;;;;;;;;AAOA,IAAa,YAAY,QAAM,YAC5B,OAAO,QAAQ;CACd,MAAM,EACJ,WACA,eACA,OAAO,QACP,UAAU,WACV,UACA,OACA,cACA,aACA,OACA,GAAG,eACD;CAGJ,MAAM,EAAE,aAAa;CACrB,MAAM,eAAe,aAClB,UAAkD;AACjD,aAAW,MAAM;AACjB,kBAAgB,MAAM,OAAO,MAAM;IAErC,CAAC,UAAU,cAAc,CAC1B;CAED,MAAM,WACJ,oBAAC,YAAD;EACO;EACL,WAAW,GACT,cAAc;GAAE;GAAM;GAAS,gBAAgB;GAAM,CAAC,EACtD,eACA,UACD;EACD,UAAU;EACV,GAAI;EACJ,CAAA;AAIJ,KAAI,MACF,QACE,oBAAC,OAAD;EACS;EACG;EACI;EACD;EACb,OACE,QACI,OAAO,UAAU,WACf;GAAE,SAAS;GAAO,OAAO;GAAM,GAC/B,QACF,KAAA;YAGL;EACO,CAAA;AAKd,QAAO;EAEV;AAED,UAAU,cAAc;;AAGxB,IAAa,WAAW;;;AClDxB,IAAa,kCAAkC,EAC7C,WAAW,aACZ;AAmBD,IAAM,oBAAoB,QAAM,cAC9B,KACD;AAED,SAAS,KAAK,EACZ,MACA,UACA,WACA,YAAY,gCAAgC,aACH;CACzC,MAAM,UAAU,QAAM,OAAO;CAC7B,MAAM,gBAAgB,QAAM,OAAO;CACnC,MAAM,eAAe,QAAM,eAClB;EAAE;EAAM;EAAS;EAAe;EAAW,GAClD;EAAC;EAAM;EAAS;EAAe;EAAU,CAC1C;CAED,MAAM,oBAAoB,cAAc;AAExC,QACE,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,oBAAC,OAAD;GACE,WAAW,GACT,cAAc;IAAE;IAAM,sBAAsB,CAAC;IAAmB,CAAC,EACjE,mCACA,oBACI,qBACA,yEACJ,UACD;GAEA;GACG,CAAA;EACqB,CAAA;;AAIjC,SAAS,MAAM,EAAE,YAAmC;CAClD,MAAM,UAAU,WAAW,kBAAkB;CAC7C,MAAM,oBAAoB,SAAS,cAAc;AAEjD,QACE,oBAAC,SAAD;EACE,SAAS,SAAS;EAClB,WAAW,GACT,oDACA,qBACE,qDACH;EAEA;EACK,CAAA;;AAIZ,SAAS,MAAM,OAAmB;CAChC,MAAM,UAAU,WAAW,kBAAkB;CAC7C,MAAM,oBAAoB,SAAS,cAAc;AAEjD,QACE,oBAAC,SAAD;EACE,IAAI,SAAS;EACb,oBAAkB,SAAS;EAC3B,MAAM,SAAS;EACf,GAAI;EACJ,WAAW,GACT,uEACA,aACA,oBACI,2GACA,wBACJ,MAAM,UACP;EACD,CAAA;;AAIN,SAAS,YAAY,EAAE,YAAmC;CACxD,MAAM,UAAU,WAAW,kBAAkB;CAC7C,MAAM,oBAAoB,SAAS,cAAc;AAEjD,QACE,oBAAC,QAAD;EACE,IAAI,SAAS;EACb,WAAW,GACT,oDACA,qBACE,qDACH;EAEA;EACI,CAAA;;AAIX,SAAS,OAAO,EACd,UACA,WACA,GAAG,SAC8B;CACjC,MAAM,UAAU,WAAW,kBAAkB;CAC7C,MAAM,oBAAoB,SAAS,cAAc;AAEjD,QACE,oBAAC,UAAD;EACE,GAAI;EACJ,MAAM,SAAS;EACf,WAAW,GACT,0EACA,qBACE,0GACF,UACD;EAEA;EACc,CAAA;;AAIrB,IAAa,aAAa,OAAO,OAAO,MAAM;CAC5C;CACA;CACA;CACA;CACD,CAAC"}

package/dist/label-QtJxtJ4u.js

@@ -0,0 +1,70 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { t as Tooltip } from "./tooltip-Cb7QW-7H.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Info } from "@phosphor-icons/react";
+//#region src/components/label/label.tsx
+/** Label variant definitions (currently empty, reserved for future additions). */
+var SF_LABEL_VARIANTS = {};
+var SF_LABEL_DEFAULT_VARIANTS = {};
+function labelVariants(_props = {}) {
+	return cn("text-base font-medium text-sf-default");
+}
+function labelContentVariants() {
+	return cn("inline-flex items-center gap-1");
+}
+/**
+* Label component for form fields.
+*
+* Provides a standardized way to display labels with optional indicators:
+* - Optional indicator: gray "(optional)" text when `showOptional={true}`
+* - Tooltip: info icon with hover tooltip for additional context
+*
+* @example
+* // Basic label
+* <Label>Email</Label>
+*
+* @example
+* // Optional field with indicator
+* <Label showOptional>Middle Name</Label>
+*
+* @example
+* // With tooltip
+* <Label tooltip="We'll use this to send you updates">Email</Label>
+*
+* @example
+* // With ReactNode children
+* <Label>
+*   <span>Custom label with <strong>bold</strong> text</span>
+* </Label>
+*/
+function Label({ children, showOptional = false, tooltip, className, htmlFor, asContent = false }) {
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		children,
+		showOptional && /* @__PURE__ */ jsx("span", {
+			className: "font-normal text-sf-strong",
+			children: "(optional)"
+		}),
+		tooltip && /* @__PURE__ */ jsx(Tooltip, {
+			content: tooltip,
+			children: /* @__PURE__ */ jsx(Info, {
+				className: "size-4 cursor-help text-sf-strong",
+				"aria-label": "More information"
+			})
+		})
+	] });
+	if (asContent) return /* @__PURE__ */ jsx("span", {
+		className: cn(labelContentVariants(), className),
+		children: content
+	});
+	return /* @__PURE__ */ jsx("label", {
+		htmlFor,
+		className: cn(labelVariants(), labelContentVariants(), className),
+		children: content
+	});
+}
+Label.displayName = "Label";
+//#endregion
+export { labelVariants as a, labelContentVariants as i, SF_LABEL_DEFAULT_VARIANTS as n, SF_LABEL_VARIANTS as r, Label as t };
+
+//# sourceMappingURL=label-QtJxtJ4u.js.map

package/dist/label-QtJxtJ4u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-QtJxtJ4u.js","names":[],"sources":["../src/components/label/label.tsx"],"sourcesContent":["import { Info } from \"@phosphor-icons/react\";\nimport type { ReactNode } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Tooltip } from \"../tooltip\";\n\n/** Label variant definitions (currently empty, reserved for future additions). */\nexport const SF_LABEL_VARIANTS = {\n  // Label currently has no variant options but structure is ready for future additions\n} as const;\n\nexport const SF_LABEL_DEFAULT_VARIANTS = {} as const;\n\n// Derived types from SF_LABEL_VARIANTS\nexport interface SFLabelVariantsProps {}\n\nexport function labelVariants(_props: SFLabelVariantsProps = {}) {\n  return cn(\n    // Base styles - when used standalone, apply text styling\n    // When used inside Field, the parent FieldBase.Label provides these styles\n    \"text-base font-medium text-sf-default\"\n  );\n}\n\nexport function labelContentVariants() {\n  return cn(\n    // Content wrapper styles - always applied\n    \"inline-flex items-center gap-1\"\n  );\n}\n\n/**\n * Label component props.\n *\n * @example\n * ```tsx\n * <Label>Email</Label>\n * <Label showOptional>Middle Name</Label>\n * <Label tooltip=\"We'll use this to send you updates\">Email</Label>\n * ```\n */\nexport interface LabelProps extends SFLabelVariantsProps {\n  /** The label content — can be a string or any React node. */\n  children: ReactNode;\n  /** When `true`, shows gray \"(optional)\" text after the label. */\n  showOptional?: boolean;\n  /** Tooltip content displayed next to the label via an info icon. */\n  tooltip?: ReactNode;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** The id of the form element this label is associated with */\n  htmlFor?: string;\n  /**\n   * When true, only renders the inline content (indicators, tooltip) without\n   * the outer label element with font styling. Useful when composed inside another\n   * label element that already provides the text styling.\n   * @default false\n   */\n  asContent?: boolean;\n}\n\n/**\n * Label component for form fields.\n *\n * Provides a standardized way to display labels with optional indicators:\n * - Optional indicator: gray \"(optional)\" text when `showOptional={true}`\n * - Tooltip: info icon with hover tooltip for additional context\n *\n * @example\n * // Basic label\n * <Label>Email</Label>\n *\n * @example\n * // Optional field with indicator\n * <Label showOptional>Middle Name</Label>\n *\n * @example\n * // With tooltip\n * <Label tooltip=\"We'll use this to send you updates\">Email</Label>\n *\n * @example\n * // With ReactNode children\n * <Label>\n *   <span>Custom label with <strong>bold</strong> text</span>\n * </Label>\n */\nexport function Label({\n  children,\n  showOptional = false,\n  tooltip,\n  className,\n  htmlFor,\n  asContent = false,\n}: LabelProps) {\n  const content = (\n    <>\n      {children}\n      {showOptional && (\n        <span className=\"font-normal text-sf-strong\">(optional)</span>\n      )}\n      {tooltip && (\n        <Tooltip content={tooltip}>\n          <Info\n            className=\"size-4 cursor-help text-sf-strong\"\n            aria-label=\"More information\"\n          />\n        </Tooltip>\n      )}\n    </>\n  );\n\n  // When used as content inside another styled element, just render inline\n  if (asContent) {\n    return (\n      <span className={cn(labelContentVariants(), className)}>{content}</span>\n    );\n  }\n\n  // When used standalone, render as <label> for accessibility\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(labelVariants(), labelContentVariants(), className)}\n    >\n      {content}\n    </label>\n  );\n}\n\nLabel.displayName = \"Label\";\n"],"mappings":";;;;;;;AAOA,IAAa,oBAAoB,EAEhC;AAED,IAAa,4BAA4B,EAAE;AAK3C,SAAgB,cAAc,SAA+B,EAAE,EAAE;AAC/D,QAAO,GAGL,wCACD;;AAGH,SAAgB,uBAAuB;AACrC,QAAO,GAEL,iCACD;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DH,SAAgB,MAAM,EACpB,UACA,eAAe,OACf,SACA,WACA,SACA,YAAY,SACC;CACb,MAAM,UACJ,qBAAA,UAAA,EAAA,UAAA;EACG;EACA,gBACC,oBAAC,QAAD;GAAM,WAAU;aAA6B;GAAiB,CAAA;EAE/D,WACC,oBAAC,SAAD;GAAS,SAAS;aAChB,oBAAC,MAAD;IACE,WAAU;IACV,cAAW;IACX,CAAA;GACM,CAAA;EAEX,EAAA,CAAA;AAIL,KAAI,UACF,QACE,oBAAC,QAAD;EAAM,WAAW,GAAG,sBAAsB,EAAE,UAAU;YAAG;EAAe,CAAA;AAK5E,QACE,oBAAC,SAAD;EACW;EACT,WAAW,GAAG,eAAe,EAAE,sBAAsB,EAAE,UAAU;YAEhE;EACK,CAAA;;AAIZ,MAAM,cAAc"}

package/dist/layer-card-BME0eljh.js

@@ -0,0 +1,44 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/layer-card/layer-card.tsx
+function layerCardVariants(_props = {}) {
+	return cn("flex w-full flex-col overflow-hidden rounded-lg bg-sf-base text-base ring ring-sf-line");
+}
+/**
+* Elevated card with primary/secondary content layers for dashboard widgets.
+*
+* @example
+* ```tsx
+* <LayerCard>
+*   <LayerCard.Secondary>Getting Started</LayerCard.Secondary>
+*   <LayerCard.Primary>Quick start guide</LayerCard.Primary>
+* </LayerCard>
+* ```
+*/
+function LayerCardRoot({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(layerCardVariants(), className),
+		children
+	});
+}
+function LayerCardSecondary({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center gap-2 p-2 text-base font-medium text-sf-strong", className),
+		children
+	});
+}
+function LayerCardPrimary({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-2 overflow-hidden rounded-lg bg-sf-elevated p-4 pr-3 text-inherit no-underline ring ring-sf-fill", className),
+		children
+	});
+}
+var LayerCard = Object.assign(LayerCardRoot, {
+	Primary: LayerCardPrimary,
+	Secondary: LayerCardSecondary
+});
+//#endregion
+export { LayerCard as t };
+
+//# sourceMappingURL=layer-card-BME0eljh.js.map

package/dist/layer-card-BME0eljh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-card-BME0eljh.js","names":[],"sources":["../src/components/layer-card/layer-card.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\n/** LayerCard variant definitions (currently empty, reserved for future additions). */\nexport const SF_LAYER_CARD_VARIANTS = {\n  // LayerCard currently has no variant options but structure is ready for future additions\n} as const;\n\nexport const SF_LAYER_CARD_DEFAULT_VARIANTS = {} as const;\n\n// Derived types from SF_LAYER_CARD_VARIANTS\nexport interface SFLayerCardVariantsProps {}\n\nexport function layerCardVariants(_props: SFLayerCardVariantsProps = {}) {\n  return cn(\n    // Base styles\n    \"flex w-full flex-col overflow-hidden rounded-lg bg-sf-base text-base ring ring-sf-line\"\n  );\n}\n\n/**\n * LayerCard component props.\n *\n * @example\n * ```tsx\n * <LayerCard>\n *   <LayerCard.Secondary>Next Steps</LayerCard.Secondary>\n *   <LayerCard.Primary>Get started with SF</LayerCard.Primary>\n * </LayerCard>\n * ```\n */\nexport type LayerCardProps = PropsWithChildren<\n  SFLayerCardVariantsProps & {\n    /** Additional CSS classes merged via `cn()`. */\n    className?: string;\n  }\n>;\n\n/**\n * Elevated card with primary/secondary content layers for dashboard widgets.\n *\n * @example\n * ```tsx\n * <LayerCard>\n *   <LayerCard.Secondary>Getting Started</LayerCard.Secondary>\n *   <LayerCard.Primary>Quick start guide</LayerCard.Primary>\n * </LayerCard>\n * ```\n */\nfunction LayerCardRoot({ children, className }: LayerCardProps) {\n  return <div className={cn(layerCardVariants(), className)}>{children}</div>;\n}\n\nfunction LayerCardSecondary({ children, className }: LayerCardProps) {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 p-2 text-base font-medium text-sf-strong\",\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction LayerCardPrimary({ children, className }: LayerCardProps) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-2 overflow-hidden rounded-lg bg-sf-elevated p-4 pr-3 text-inherit no-underline ring ring-sf-fill\",\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype LayerCardComponent = FC<LayerCardProps> & {\n  Primary: FC<LayerCardProps>;\n  Secondary: FC<LayerCardProps>;\n};\n\nconst LayerCard = Object.assign(LayerCardRoot, {\n  Primary: LayerCardPrimary,\n  Secondary: LayerCardSecondary,\n}) as LayerCardComponent;\n\nexport { LayerCard };\n"],"mappings":";;;;AAcA,SAAgB,kBAAkB,SAAmC,EAAE,EAAE;AACvE,QAAO,GAEL,yFACD;;;;;;;;;;;;;AAgCH,SAAS,cAAc,EAAE,UAAU,aAA6B;AAC9D,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,mBAAmB,EAAE,UAAU;EAAG;EAAe,CAAA;;AAG7E,SAAS,mBAAmB,EAAE,UAAU,aAA6B;AACnE,QACE,oBAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;EAEA;EACG,CAAA;;AAIV,SAAS,iBAAiB,EAAE,UAAU,aAA6B;AACjE,QACE,oBAAC,OAAD;EACE,WAAW,GACT,sHACA,UACD;EAEA;EACG,CAAA;;AASV,IAAM,YAAY,OAAO,OAAO,eAAe;CAC7C,SAAS;CACT,WAAW;CACZ,CAAC"}

package/dist/link-provider-BUZKXaNE.js

@@ -0,0 +1,25 @@
+"use client";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/utils/link-provider.tsx
+var DefaultLinkComponent = forwardRef(function DefaultAnchor({ to, href, ...rest }, ref) {
+	return /* @__PURE__ */ jsx("a", {
+		ref,
+		href: href ?? to ?? void 0,
+		...rest
+	});
+});
+var LinkComponentContext = createContext(DefaultLinkComponent);
+function useLinkComponent() {
+	return useContext(LinkComponentContext);
+}
+function LinkProvider({ component, children }) {
+	return /* @__PURE__ */ jsx(LinkComponentContext.Provider, {
+		value: component ?? DefaultLinkComponent,
+		children
+	});
+}
+//#endregion
+export { useLinkComponent as n, LinkProvider as t };
+
+//# sourceMappingURL=link-provider-BUZKXaNE.js.map

package/dist/link-provider-BUZKXaNE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-provider-BUZKXaNE.js","names":[],"sources":["../src/utils/link-provider.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type ForwardRefExoticComponent,\n  type ReactNode,\n  type RefAttributes,\n  useContext,\n} from \"react\";\n\ntype LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  to?: string;\n};\n\nconst DefaultLinkComponent = forwardRef<HTMLAnchorElement, LinkComponentProps>(\n  function DefaultAnchor({ to, href, ...rest }, ref) {\n    // Children and other content props are passed via ...rest spread\n    // oxlint-disable-next-line anchor-has-content\n    return <a ref={ref} href={href ?? to ?? undefined} {...rest} />;\n  }\n);\n\ntype ForwardLinkComponent = ForwardRefExoticComponent<\n  LinkComponentProps & RefAttributes<HTMLAnchorElement>\n>;\n\nconst LinkComponentContext =\n  createContext<ForwardLinkComponent>(DefaultLinkComponent);\n\nexport function useLinkComponent() {\n  return useContext(LinkComponentContext);\n}\n\nexport function LinkProvider({\n  component,\n  children,\n}: {\n  component?: ForwardLinkComponent;\n  children: ReactNode;\n}) {\n  return (\n    <LinkComponentContext.Provider value={component ?? DefaultLinkComponent}>\n      {children}\n    </LinkComponentContext.Provider>\n  );\n}\n\nexport type { LinkComponentProps };\n"],"mappings":";;;;AAcA,IAAM,uBAAuB,WAC3B,SAAS,cAAc,EAAE,IAAI,MAAM,GAAG,QAAQ,KAAK;AAGjD,QAAO,oBAAC,KAAD;EAAQ;EAAK,MAAM,QAAQ,MAAM,KAAA;EAAW,GAAI;EAAQ,CAAA;EAElE;AAMD,IAAM,uBACJ,cAAoC,qBAAqB;AAE3D,SAAgB,mBAAmB;AACjC,QAAO,WAAW,qBAAqB;;AAGzC,SAAgB,aAAa,EAC3B,WACA,YAIC;AACD,QACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO,aAAa;EAChD;EAC6B,CAAA"}

package/dist/loader-DAcc-Uag.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/loader/loader.tsx
+/** Loader size variant definitions mapping sizes to their pixel values. */
+var SF_LOADER_VARIANTS = { size: {
+	sm: {
+		value: 16,
+		description: "Small loader for inline use"
+	},
+	base: {
+		value: 24,
+		description: "Default loader size"
+	},
+	lg: {
+		value: 32,
+		description: "Large loader for prominent loading states"
+	}
+} };
+var SF_LOADER_DEFAULT_VARIANTS = { size: "base" };
+function loaderVariants({ size = SF_LOADER_DEFAULT_VARIANTS.size } = {}) {
+	if (typeof size === "number") return size;
+	return SF_LOADER_VARIANTS.size[size].value;
+}
+/**
+* Animated circular spinner for indicating loading states.
+* Uses CSS keyframe animations for broad compatibility.
+*
+* @example
+* ```tsx
+* <Loader />
+* ```
+*/
+var Loader = ({ className, size = SF_LOADER_DEFAULT_VARIANTS.size }) => {
+	const sizeValue = loaderVariants({ size });
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		stroke: "currentColor",
+		className,
+		style: {
+			height: sizeValue,
+			width: sizeValue
+		},
+		children: [
+			/* @__PURE__ */ jsx("style", { children: `
+        @keyframes sf-loader-spin { to { transform: rotate(360deg); } }
+        @keyframes sf-loader-dash {
+          0%   { stroke-dasharray: 0 150;   stroke-dashoffset: 0; }
+          50%  { stroke-dasharray: 42 150;  stroke-dashoffset: -16; }
+          100% { stroke-dasharray: 42 150;  stroke-dashoffset: -59; }
+        }
+        .sf-loader-arc {
+          transform-origin: 12px 12px;
+          animation: sf-loader-spin 2s linear infinite,
+                     sf-loader-dash 1.5s ease-in-out infinite;
+        }
+      ` }),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9.5",
+				fill: "none",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				className: "sf-loader-arc"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9.5",
+				fill: "none",
+				opacity: .1,
+				strokeWidth: "2",
+				strokeLinecap: "round"
+			})
+		]
+	});
+};
+//#endregion
+export { Loader as t };
+
+//# sourceMappingURL=loader-DAcc-Uag.js.map

package/dist/loader-DAcc-Uag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader-DAcc-Uag.js","names":[],"sources":["../src/components/loader/loader.tsx"],"sourcesContent":["/** Loader size variant definitions mapping sizes to their pixel values. */\nexport const SF_LOADER_VARIANTS = {\n  size: {\n    sm: {\n      value: 16,\n      description: \"Small loader for inline use\",\n    },\n    base: {\n      value: 24,\n      description: \"Default loader size\",\n    },\n    lg: {\n      value: 32,\n      description: \"Large loader for prominent loading states\",\n    },\n  },\n} as const;\n\nexport const SF_LOADER_DEFAULT_VARIANTS = {\n  size: \"base\",\n} as const;\n\n// Derived types from SF_LOADER_VARIANTS\nexport type SFLoaderSize = keyof typeof SF_LOADER_VARIANTS.size;\n\nexport interface SFLoaderVariantsProps {\n  /**\n   * Size of the loader. Use a preset name or a custom pixel number.\n   * - `\"sm\"` — 16px, small loader for inline use\n   * - `\"base\"` — 24px, default loader size\n   * - `\"lg\"` — 32px, large loader for prominent loading states\n   * @default \"base\"\n   */\n  size?: SFLoaderSize | number;\n}\n\nexport function loaderVariants({\n  size = SF_LOADER_DEFAULT_VARIANTS.size,\n}: SFLoaderVariantsProps = {}): number {\n  if (typeof size === \"number\") return size;\n  return SF_LOADER_VARIANTS.size[size].value;\n}\n\n/**\n * Loader component props.\n *\n * @example\n * ```tsx\n * <Loader />\n * <Loader size=\"sm\" />\n * <Loader size={24} />\n * ```\n */\nexport interface LoaderProps {\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /**\n   * Size of the spinner. Use a preset name or a custom pixel number.\n   * - `\"sm\"` — 16px, for inline use\n   * - `\"base\"` — 24px, default size\n   * - `\"lg\"` — 32px, for prominent loading states\n   * @default \"base\"\n   */\n  size?: SFLoaderSize | number;\n}\n\n/**\n * Animated circular spinner for indicating loading states.\n * Uses CSS keyframe animations for broad compatibility.\n *\n * @example\n * ```tsx\n * <Loader />\n * ```\n */\nexport const Loader = ({\n  className,\n  size = SF_LOADER_DEFAULT_VARIANTS.size,\n}: LoaderProps) => {\n  const sizeValue = loaderVariants({ size });\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      stroke=\"currentColor\"\n      className={className}\n      style={{ height: sizeValue, width: sizeValue }}\n    >\n      <style>{`\n        @keyframes sf-loader-spin { to { transform: rotate(360deg); } }\n        @keyframes sf-loader-dash {\n          0%   { stroke-dasharray: 0 150;   stroke-dashoffset: 0; }\n          50%  { stroke-dasharray: 42 150;  stroke-dashoffset: -16; }\n          100% { stroke-dasharray: 42 150;  stroke-dashoffset: -59; }\n        }\n        .sf-loader-arc {\n          transform-origin: 12px 12px;\n          animation: sf-loader-spin 2s linear infinite,\n                     sf-loader-dash 1.5s ease-in-out infinite;\n        }\n      `}</style>\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"9.5\"\n        fill=\"none\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        className=\"sf-loader-arc\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"9.5\"\n        fill=\"none\"\n        opacity={0.1}\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;;;AACA,IAAa,qBAAqB,EAChC,MAAM;CACJ,IAAI;EACF,OAAO;EACP,aAAa;EACd;CACD,MAAM;EACJ,OAAO;EACP,aAAa;EACd;CACD,IAAI;EACF,OAAO;EACP,aAAa;EACd;CACF,EACF;AAED,IAAa,6BAA6B,EACxC,MAAM,QACP;AAgBD,SAAgB,eAAe,EAC7B,OAAO,2BAA2B,SACT,EAAE,EAAU;AACrC,KAAI,OAAO,SAAS,SAAU,QAAO;AACrC,QAAO,mBAAmB,KAAK,MAAM;;;;;;;;;;;AAmCvC,IAAa,UAAU,EACrB,WACA,OAAO,2BAA2B,WACjB;CACjB,MAAM,YAAY,eAAe,EAAE,MAAM,CAAC;AAC1C,QACE,qBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,OAAM;EACN,QAAO;EACI;EACX,OAAO;GAAE,QAAQ;GAAW,OAAO;GAAW;YAPhD;GASE,oBAAC,SAAD,EAAA,UAAQ;;;;;;;;;;;;SAYE,CAAA;GACV,oBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,aAAY;IACZ,eAAc;IACd,WAAU;IACV,CAAA;GACF,oBAAC,UAAD;IACE,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,SAAS;IACT,aAAY;IACZ,eAAc;IACd,CAAA;GACE"}

package/dist/logo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" id="uuid-ef41d386-2acd-4375-81c8-90a2a61421af" viewBox="0 0 286.96 55.03"><defs><style> .cls-1 { fill: #4188ff; } .cls-2 { fill: #00a7a8; } </style></defs><path class="cls-2" d="M285.05,10.58c-1-.7-2.22-1-3.45-.78-1.22.22-2.3.89-3.04,1.89-.74,1-1.04,2.26-.85,3.48s.85,2.3,1.85,3.04c1,.7,2.22,1,3.45.78,1.22-.22,2.3-.89,3.04-1.89s1.04-2.26.85-3.48c-.22-1.22-.89-2.33-1.85-3.04Z"></path><path class="cls-2" d="M273.11,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.04-.07-1.56-.63-1.56-1.74h.02ZM265.51,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.07.67-.04,1.22-.26,1.67h0Z"></path><path class="cls-2" d="M244.91,38.31c-1.33,0-2.37.33-3.15,1.04-.78.7-1.19,1.67-1.19,2.89s.37,2.15,1.19,2.85c.78.7,1.82,1.04,3.15,1.04s2.41-.33,3.15-1.04c.78-.7,1.19-1.63,1.19-2.85s-.37-2.19-1.19-2.89c-.74-.67-1.82-1.04-3.15-1.04Z"></path><path class="cls-2" d="M286.11,24.16h-7.34v21.56h7.34v-21.56Z"></path><path class="cls-1" d="M33.33,14.64c-1.48,0-2.59.3-3.26.85s-1,1.44-1,2.67.33,2.11,1,2.67,1.74.85,3.26.85,2.56-.26,3.22-.82c.7-.59,1.04-1.48,1.04-2.67s-.33-2.11-1.04-2.67c-.7-.59-1.78-.89-3.22-.89h0Z"></path><path class="cls-1" d="M112.39,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.04-.07-1.56-.63-1.56-1.74h.02ZM104.84,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.04.67-.07,1.22-.26,1.67h0Z"></path><path class="cls-1" d="M84.38,24.6c-1.07-.59-2.37-.85-3.89-.85-1.37,0-2.63.26-3.74.82-1.07.52-2,1.3-2.78,2.33-.33.48-.59,1-.85,1.59l-.22-4.33h-6.56v21.6h7.34v-11.45c0-1.22.19-2.19.52-2.89s.82-1.22,1.41-1.56c.59-.33,1.26-.52,1.93-.52.89,0,1.63.3,2.19.85.59.59.85,1.59.85,3.11v12.45h7.34v-14.37c0-1.7-.33-3.11-.96-4.22-.56-1.15-1.44-1.96-2.56-2.56h-.02Z"></path><path class="cls-1" d="M10.84,22.93c.67-.22,1.52-.33,2.59-.33,1.82,0,3.41.33,4.82,1,1.44.63,2.78,1.59,4,2.89l3.63-4.82c-1.48-1.59-3.26-2.78-5.3-3.59-2-.85-4.33-1.26-7-1.26s-4.78.41-6.59,1.22c-1.85.82-3.26,1.93-4.22,3.33-.96,1.37-1.48,2.96-1.48,4.74,0,1.59.37,2.89,1.07,3.96.7,1.04,1.7,1.89,2.93,2.52,1.26.59,2.7,1.07,4.3,1.48l5.26,1.15c1.22.3,2.04.63,2.45,1.07.44.41.63.93.63,1.52s-.15,1-.48,1.41-.82.7-1.52.93c-.67.19-1.48.3-2.52.3-1.3,0-2.56-.19-3.85-.56-1.22-.37-2.37-.89-3.45-1.52-1.04-.67-1.93-1.41-2.63-2.26l-3.48,4.96c.96,1,2.11,1.89,3.48,2.67,1.37.78,2.93,1.37,4.67,1.82,1.74.41,3.52.59,5.45.59,2.33,0,4.41-.33,6.22-1.04,1.82-.7,3.22-1.78,4.26-3.15,1.04-1.41,1.56-3.11,1.56-5.15s-.67-3.78-2-5.04c-1.33-1.26-3.41-2.22-6.26-2.89l-4.78-1.07c-1.26-.3-2.19-.63-2.78-1.04-.56-.44-.82-.96-.82-1.56,0-.52.15-.96.44-1.37s.78-.7,1.41-.93v.02Z"></path><path class="cls-1" d="M36.96,24.16h-7.3v21.56h7.34v-21.56h-.04Z"></path><path class="cls-1" d="M62.64,23.19c.19,0,.33,0,.52.04.19,0,.33.04.52.07l-.59-4.93c-.11-.04-.26-.04-.37-.04h-.3c-1.37,0-2.52.33-3.45,1.04-.89.7-1.56,1.59-2,2.67-.3.7-.44,1.44-.56,2.22-1.33-.37-2.82-.52-4.52-.52-2.22,0-4.11.3-5.67.85-1.56.59-2.74,1.41-3.59,2.52-.82,1.07-1.22,2.37-1.22,3.96,0,2.33.89,4.11,2.63,5.41.26.19.56.37.85.52-.67.22-1.26.56-1.78.96-1.07.85-1.63,2-1.63,3.37s.44,2.48,1.3,3.26c.48.44,1.07.82,1.85,1.07-1.15.19-2,.52-2.63,1-.96.74-1.48,1.7-1.48,2.93,0,1.67.85,3,2.59,3.96s4.56,1.48,8.45,1.48c2.41,0,4.48-.3,6.26-.93,1.78-.59,3.15-1.44,4.15-2.63.96-1.19,1.48-2.67,1.48-4.45,0-1.96-.67-3.45-2.04-4.48-1.33-1.07-3.22-1.59-5.74-1.59h-6.85c-.82,0-1.41-.11-1.82-.33-.41-.26-.59-.63-.59-1.11,0-.44.22-.85.7-1.15.19-.15.44-.22.78-.33,1.19.26,2.52.37,4,.37,2.19,0,4.04-.26,5.59-.82,1.56-.59,2.74-1.41,3.52-2.52.85-1.07,1.26-2.41,1.26-3.96s-.41-2.89-1.26-3.96c-.52-.67-1.15-1.26-1.96-1.74.15-.48.37-.89.74-1.26.67-.67,1.59-.96,2.85-.96h0ZM47.86,46.68h7.71c.85,0,1.41.11,1.74.33.33.26.48.59.48,1.04s-.22.82-.7,1.11c-.44.33-1.15.59-2.07.78-.89.19-2.04.3-3.41.3-1.74,0-3.11-.19-4.11-.56-.96-.33-1.48-.85-1.48-1.52,0-.44.15-.78.48-1.07.37-.26.82-.41,1.37-.41h0ZM54.15,33.34c-.59.56-1.37.82-2.3.82s-1.74-.26-2.33-.82-.85-1.3-.85-2.3.3-1.78.85-2.33c.59-.56,1.37-.82,2.33-.82s1.67.26,2.3.82c.59.56.93,1.33.93,2.33-.04,1-.33,1.78-.93,2.3Z"></path><path class="cls-1" d="M132.7,45.76h7.41v-10.97h11.74v-5.74h-11.74v-6.04h14.71v-5.74h-22.12v28.49h0Z"></path><path class="cls-1" d="M127.4,41.05c-.74,0-1.3-.19-1.59-.59-.33-.41-.48-1.07-.48-2.04V15.01h-7.34v24.34c0,2.41.52,4.15,1.56,5.22s2.7,1.59,5,1.59c.82,0,1.63-.11,2.45-.3.85-.19,1.52-.44,2.04-.78l.48-4.41c-.41.11-.74.19-1.04.26-.3.07-.67.11-1.07.11h0Z"></path><path class="cls-1" d="M167.89,41.05c-.74,0-1.3-.19-1.59-.59-.33-.41-.48-1.07-.48-2.04V15.01h-7.34v24.34c0,2.41.52,4.15,1.56,5.22s2.7,1.59,5,1.59c.82,0,1.63-.11,2.45-.3.85-.19,1.52-.44,2.04-.78l.48-4.41c-.41.11-.74.19-1.04.26-.26.07-.63.11-1.07.11h0Z"></path><path class="cls-1" d="M232.24,25.08c-1.59-.89-3.52-1.33-5.78-1.33s-4.19.44-5.89,1.33-3,2.19-3.96,3.85c-.96,1.67-1.41,3.67-1.41,6.04s.48,4.37,1.41,6.04c.96,1.67,2.3,2.96,4,3.85,1.74.89,3.82,1.33,6.22,1.33,1.48,0,2.93-.22,4.26-.63,1.37-.44,2.56-1.07,3.52-1.89,1-.85,1.7-1.93,2.11-3.15l-5.85-1.93c-.33.78-.82,1.37-1.48,1.82-.63.44-1.48.63-2.59.63-.96,0-1.82-.19-2.52-.56-.7-.41-1.22-1.04-1.59-1.89-.19-.48-.37-1.07-.44-1.74h14.71c.04-.33.11-.78.11-1.3.04-.52.04-1.04.04-1.56,0-2-.41-3.74-1.26-5.26-.74-1.59-1.96-2.82-3.59-3.67l-.02.02ZM224.13,29.53c.67-.44,1.44-.63,2.37-.63,1.3,0,2.26.44,2.85,1.37.44.67.74,1.56.85,2.63h-7.85c.07-.48.19-.93.3-1.33.33-.93.82-1.63,1.48-2.04Z"></path><path class="cls-1" d="M192.38,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.07-.07-1.56-.63-1.56-1.74h.02ZM184.78,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.04.67-.07,1.22-.26,1.67h0Z"></path><path class="cls-1" d="M211.35,23.75c-1.67,0-3.04.44-4.15,1.33-1.07.89-1.89,2.15-2.41,3.74l-.3-4.67h-6.48v21.56h7.34v-10.86c0-1.11.22-2.04.63-2.78.44-.74,1.07-1.3,1.82-1.67s1.56-.56,2.41-.56c.63,0,1.15.04,1.59.11.44.04.85.15,1.11.26l.74-6.04c-.22-.15-.56-.26-.96-.33-.33-.07-.78-.11-1.33-.11v.02Z"></path><path class="cls-2" d="M184.7,18.26v-.02c-5.88-1.14-11.76-2.28-17.64-3.43,0-.05,0-.1-.02-.15,9.65-3.57,19.3-7.15,29.02-10.75-.23-.12-.35-.05-.47,0-3.14.95-6.28,1.9-9.43,2.86-7.19,2.18-14.39,4.35-21.58,6.54-.49.15-.62.15-.52-.44.51-3,.98-6,1.45-9.01.2-1.25.39-2.51.58-3.76-.04,0-.07-.02-.11-.03,0-.02,0-.04,0-.06v.06h-.03c-1.09,3.57-2.19,7.14-3.33,10.87-.37-1.35-.68-2.52-1-3.69-.05,0-.1.01-.15.02v4.36s-.1.03-.15.04c-1.76-2.54-3.53-5.09-5.29-7.63-.03.03-.06.06-.09.09,1.61,3.19,3.22,6.39,4.88,9.68-6.91-.65-13.65-1.29-20.4-1.93v.07h-.12l.12.02v.02c5.89,1.14,11.79,2.29,17.69,3.43v.13c-9.77,3.62-19.55,7.25-29.38,10.89.17.12.27.04.37.01,3-.91,6-1.81,8.99-2.72,7.48-2.26,14.97-4.53,22.45-6.79.23-.07.67-.44.55.29-.59,3.55-1.15,7.11-1.72,10.67-.12.74-.22,1.48-.33,2.21.03,0,.06.01.1.02v.08l.02-.08h.03c1.09-3.56,2.18-7.11,3.32-10.84.37,1.35.68,2.52,1,3.69l.14-.02v-4.34c.05-.02.11-.03.16-.05,1.76,2.54,3.52,5.07,5.29,7.61.03-.02.07-.04.1-.07-1.61-3.2-3.22-6.39-4.88-9.68,6.9.65,13.65,1.29,20.4,1.93v-.07h.13l-.13-.02h-.03Z"></path></svg>