@ark-ui/solid/dist/chunk/WUTUKX4C.jsx

A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.

import {
  useLocaleContext
} from "./RCXMZN3G.jsx";
import {
  __export
} from "./7IUG3E2V.jsx";

// src/components/format/format-byte.tsx
import { formatBytes } from "@zag-js/i18n-utils";
import { createMemo, splitProps } from "solid-js";
var FormatByte = (props) => {
  const [valueProps, intlProps] = splitProps(props, ["value"]);
  const ctx = useLocaleContext();
  const text = createMemo(() => formatBytes(valueProps.value, ctx().locale, intlProps));
  return <>{text}</>;
};

// src/components/format/format-number.tsx
import { formatNumber } from "@zag-js/i18n-utils";
import { createMemo as createMemo2, splitProps as splitProps2 } from "solid-js";
var FormatNumber = (props) => {
  const [valueProps, intlProps] = splitProps2(props, ["value"]);
  const ctx = useLocaleContext();
  const text = createMemo2(() => formatNumber(valueProps.value, ctx().locale, intlProps));
  return <>{text}</>;
};

// src/components/format/format.ts
var format_exports = {};
__export(format_exports, {
  Byte: () => FormatByte,
  Number: () => FormatNumber
});

export {
  FormatByte,
  FormatNumber,
  format_exports
};