@shopify/shop-minis-react/dist/components/atoms/checkbox.js

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

import { jsx as e } from "react/jsx-runtime";
import { cn as a } from "../../lib/utils.js";
import t from "../../node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/check.js";
import { Checkbox as o, CheckboxIndicator as d } from "../../node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19.1_wopssf2yyhcdxk6apqq3fxlekq/node_modules/@radix-ui/react-checkbox/dist/index.js";
function l({
  className: r,
  ...i
}) {
  return /* @__PURE__ */ e(
    o,
    {
      "data-slot": "checkbox",
      className: a(
        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
        r
      ),
      ...i,
      children: /* @__PURE__ */ e(
        d,
        {
          "data-slot": "checkbox-indicator",
          className: "flex items-center justify-center text-current transition-none",
          children: /* @__PURE__ */ e(t, { className: "size-3.5" })
        }
      )
    }
  );
}
export {
  l as Checkbox
};
//# sourceMappingURL=checkbox.js.map