@saas-ui/react 3.0.0-next.2 → 3.0.0-next.20

package/dist/search-input/index.cjs

@@ -1,274 +0,0 @@
-'use client'
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/search-input/index.ts
-var search_input_exports = {};
-__export(search_input_exports, {
-  SearchInput: () => SearchInput
-});
-module.exports = __toCommonJS(search_input_exports);
-
-// src/components/search-input/search-input.tsx
-var import_react = __toESM(require("react"), 1);
-var import_react2 = require("@chakra-ui/react");
-var import_utils = require("@saas-ui/core/utils");
-
-// src/components/icons/create-icon.tsx
-var import_icon = require("@chakra-ui/react/icon");
-var createIcon = (props) => {
-  return (0, import_icon.createIcon)({
-    viewBox: "0 0 24 24",
-    defaultProps: {
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    },
-    ...props
-  });
-};
-
-// src/components/icons/icons.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ChevronUpIcon = createIcon({
-  displayName: "ChevronUpIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
-});
-var ChevronDownIcon = createIcon({
-  displayName: "ChevronDownIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
-});
-var ChevronLeftIcon = createIcon({
-  displayName: "ChevronLeftIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
-});
-var ChevronRightIcon = createIcon({
-  displayName: "ChevronRightIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
-});
-var HamburgerIcon = createIcon({
-  displayName: "ChevronDownIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
-  ] })
-});
-var CloseIcon = createIcon({
-  displayName: "CloseIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-  ] })
-});
-var FilterIcon = createIcon({
-  displayName: "FilterIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
-});
-var CalendarIcon = createIcon({
-  displayName: "CalendarIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
-  ] })
-});
-var PlusIcon = createIcon({
-  displayName: "PlusIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
-  ] })
-});
-var MinusIcon = createIcon({
-  displayName: "MinusIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
-});
-var ViewOffIcon = createIcon({
-  displayName: "ViewOffIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
-  ] })
-});
-var ViewIcon = createIcon({
-  displayName: "ViewOffIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
-  ] })
-});
-var SearchIcon = createIcon({
-  displayName: "SearchIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
-  ] })
-});
-var CheckIcon = createIcon({
-  displayName: "CheckIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
-});
-var EllipsisIcon = createIcon({
-  displayName: "EllipsisIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
-  ] })
-});
-var CopyIcon = createIcon({
-  displayName: "CopyIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
-  ] })
-});
-var InfoIcon = createIcon({
-  displayName: "InfoIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16v-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8h.01" })
-  ] })
-});
-var ArrowLeftIcon = createIcon({
-  displayName: "ArrowLeftIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "12 19 5 12 12 5" })
-  ] })
-});
-
-// src/components/search-input/search-input.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SearchInput = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const {
-      placeholder = "Search",
-      value: valueProp,
-      defaultValue: defaultValueProp,
-      size,
-      variant,
-      width = "full",
-      icon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SearchIcon, {}),
-      resetIcon,
-      endElement: endElementProp,
-      onChange: onChangeProp,
-      onReset: onResetProp,
-      onKeyDown: onKeyDownProp,
-      disabled,
-      ...inputProps
-    } = props;
-    const inputRef = import_react.default.useRef(null);
-    const [value, setValue] = (0, import_react2.useControllableState)({
-      value: valueProp,
-      defaultValue: defaultValueProp
-    });
-    const onChange = import_react.default.useCallback(
-      (e) => {
-        setValue(e.target.value);
-      },
-      [setValue]
-    );
-    const onKeyDown = import_react.default.useCallback(
-      (event) => {
-        if (event.key === "Escape") {
-          setValue("");
-          onReset();
-        }
-      },
-      [onResetProp, setValue]
-    );
-    const onReset = () => {
-      var _a;
-      setValue("");
-      onResetProp == null ? void 0 : onResetProp();
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
-    };
-    const showReset = value && !props.disabled;
-    const endElement = showReset ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Group, { width, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react2.InputElement,
-        {
-          placement: "start",
-          px: "0",
-          aspectRatio: "9/10",
-          fontSize: size,
-          children: icon
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react2.Input,
-        {
-          type: "text",
-          placeholder,
-          variant,
-          size,
-          value,
-          disabled,
-          ref: (0, import_react2.mergeRefs)(ref, inputRef),
-          onChange: (0, import_utils.callAll)(onChange, onChangeProp),
-          onKeyDown: (0, import_utils.callAll)(onKeyDown, onKeyDownProp),
-          ps: "calc(var(--input-height) - var(--input-height) / 10)",
-          pe: "calc(var(--input-height) - var(--input-height) / 10)",
-          ...inputProps
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.InputElement, { placement: "end", children: endElement })
-    ] });
-  }
-);
-var SearchInputResetButton = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const { children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}), ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react2.IconButton,
-      {
-        ref,
-        variant: "ghost",
-        "aria-label": "Reset search",
-        me: "-2",
-        aspectRatio: "square",
-        height: "calc(100% - {spacing.2})",
-        ...rest,
-        children
-      }
-    );
-  }
-);
-SearchInput.displayName = "SearchInput";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SearchInput
-});

package/dist/search-input/index.d.cts

@@ -1,15 +0,0 @@
-import react__default from 'react';
-import { InputProps } from '@chakra-ui/react';
-
-interface SearchInputProps extends InputProps {
-    value?: string;
-    defaultValue?: string;
-    placeholder?: string;
-    icon?: react__default.ReactElement;
-    resetIcon?: react__default.ReactElement;
-    endElement?: react__default.ReactElement;
-    onReset?: () => void;
-}
-declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<HTMLInputElement>>;
-
-export { SearchInput, type SearchInputProps };

package/dist/search-input/index.d.ts

@@ -1,15 +0,0 @@
-import react__default from 'react';
-import { InputProps } from '@chakra-ui/react';
-
-interface SearchInputProps extends InputProps {
-    value?: string;
-    defaultValue?: string;
-    placeholder?: string;
-    icon?: react__default.ReactElement;
-    resetIcon?: react__default.ReactElement;
-    endElement?: react__default.ReactElement;
-    onReset?: () => void;
-}
-declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<HTMLInputElement>>;
-
-export { SearchInput, type SearchInputProps };

package/dist/search-input/index.js

@@ -1,119 +0,0 @@
-'use client'
-import {
-  CloseIcon,
-  SearchIcon
-} from "../chunk-HBX3KIPQ.js";
-import "../chunk-RTMS5TJN.js";
-
-// src/components/search-input/search-input.tsx
-import React, { forwardRef } from "react";
-import {
-  Group,
-  IconButton,
-  Input,
-  InputElement,
-  mergeRefs,
-  useControllableState
-} from "@chakra-ui/react";
-import { callAll } from "@saas-ui/core/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SearchInput = forwardRef(
-  (props, ref) => {
-    const {
-      placeholder = "Search",
-      value: valueProp,
-      defaultValue: defaultValueProp,
-      size,
-      variant,
-      width = "full",
-      icon = /* @__PURE__ */ jsx(SearchIcon, {}),
-      resetIcon,
-      endElement: endElementProp,
-      onChange: onChangeProp,
-      onReset: onResetProp,
-      onKeyDown: onKeyDownProp,
-      disabled,
-      ...inputProps
-    } = props;
-    const inputRef = React.useRef(null);
-    const [value, setValue] = useControllableState({
-      value: valueProp,
-      defaultValue: defaultValueProp
-    });
-    const onChange = React.useCallback(
-      (e) => {
-        setValue(e.target.value);
-      },
-      [setValue]
-    );
-    const onKeyDown = React.useCallback(
-      (event) => {
-        if (event.key === "Escape") {
-          setValue("");
-          onReset();
-        }
-      },
-      [onResetProp, setValue]
-    );
-    const onReset = () => {
-      var _a;
-      setValue("");
-      onResetProp == null ? void 0 : onResetProp();
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
-    };
-    const showReset = value && !props.disabled;
-    const endElement = showReset ? /* @__PURE__ */ jsx(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
-    return /* @__PURE__ */ jsxs(Group, { width, children: [
-      /* @__PURE__ */ jsx(
-        InputElement,
-        {
-          placement: "start",
-          px: "0",
-          aspectRatio: "9/10",
-          fontSize: size,
-          children: icon
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "text",
-          placeholder,
-          variant,
-          size,
-          value,
-          disabled,
-          ref: mergeRefs(ref, inputRef),
-          onChange: callAll(onChange, onChangeProp),
-          onKeyDown: callAll(onKeyDown, onKeyDownProp),
-          ps: "calc(var(--input-height) - var(--input-height) / 10)",
-          pe: "calc(var(--input-height) - var(--input-height) / 10)",
-          ...inputProps
-        }
-      ),
-      /* @__PURE__ */ jsx(InputElement, { placement: "end", children: endElement })
-    ] });
-  }
-);
-var SearchInputResetButton = forwardRef(
-  (props, ref) => {
-    const { children = /* @__PURE__ */ jsx(CloseIcon, {}), ...rest } = props;
-    return /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        ref,
-        variant: "ghost",
-        "aria-label": "Reset search",
-        me: "-2",
-        aspectRatio: "square",
-        height: "calc(100% - {spacing.2})",
-        ...rest,
-        children
-      }
-    );
-  }
-);
-SearchInput.displayName = "SearchInput";
-export {
-  SearchInput
-};

package/dist/segmented-control/index.cjs

@@ -1,61 +0,0 @@
-'use client'
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/segmented-control/index.ts
-var segmented_control_exports = {};
-__export(segmented_control_exports, {
-  SegmentedControl: () => SegmentedControl
-});
-module.exports = __toCommonJS(segmented_control_exports);
-
-// src/components/segmented-control/segmented-control.tsx
-var import_react = require("react");
-var import_for = require("@chakra-ui/react/for");
-var import_segment_group = require("@chakra-ui/react/segment-group");
-var import_jsx_runtime = require("react/jsx-runtime");
-function normalize(items) {
-  return items.map((item) => {
-    if (typeof item === "string") return { value: item, label: item };
-    return item;
-  });
-}
-var SegmentedControl = (0, import_react.forwardRef)(function SegmentedControl2(props, ref) {
-  const { items, ...rest } = props;
-  const data = (0, import_react.useMemo)(() => normalize(items), [items]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_segment_group.SegmentGroup.Root, { ref, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_segment_group.SegmentGroup.Indicator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_for.For, { each: data, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_segment_group.SegmentGroup.Item,
-      {
-        value: item.value,
-        disabled: item.disabled,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_segment_group.SegmentGroup.ItemText, { children: item.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_segment_group.SegmentGroup.ItemHiddenInput, {})
-        ]
-      },
-      item.value
-    ) })
-  ] });
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SegmentedControl
-});

package/dist/segmented-control/index.d.cts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { SegmentGroup } from '@chakra-ui/react/segment-group';
-
-interface Item {
-    value: string;
-    label: React.ReactNode;
-    disabled?: boolean;
-}
-interface SegmentedControlProps extends SegmentGroup.RootProps {
-    items: Array<string | Item>;
-}
-declare const SegmentedControl: react.ForwardRefExoticComponent<SegmentedControlProps & react.RefAttributes<HTMLDivElement>>;
-
-export { SegmentedControl, type SegmentedControlProps };

package/dist/segmented-control/index.d.ts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { SegmentGroup } from '@chakra-ui/react/segment-group';
-
-interface Item {
-    value: string;
-    label: React.ReactNode;
-    disabled?: boolean;
-}
-interface SegmentedControlProps extends SegmentGroup.RootProps {
-    items: Array<string | Item>;
-}
-declare const SegmentedControl: react.ForwardRefExoticComponent<SegmentedControlProps & react.RefAttributes<HTMLDivElement>>;
-
-export { SegmentedControl, type SegmentedControlProps };

package/dist/segmented-control/index.js

@@ -1,36 +0,0 @@
-'use client'
-import "../chunk-RTMS5TJN.js";
-
-// src/components/segmented-control/segmented-control.tsx
-import { forwardRef, useMemo } from "react";
-import { For } from "@chakra-ui/react/for";
-import { SegmentGroup } from "@chakra-ui/react/segment-group";
-import { jsx, jsxs } from "react/jsx-runtime";
-function normalize(items) {
-  return items.map((item) => {
-    if (typeof item === "string") return { value: item, label: item };
-    return item;
-  });
-}
-var SegmentedControl = forwardRef(function SegmentedControl2(props, ref) {
-  const { items, ...rest } = props;
-  const data = useMemo(() => normalize(items), [items]);
-  return /* @__PURE__ */ jsxs(SegmentGroup.Root, { ref, ...rest, children: [
-    /* @__PURE__ */ jsx(SegmentGroup.Indicator, {}),
-    /* @__PURE__ */ jsx(For, { each: data, children: (item) => /* @__PURE__ */ jsxs(
-      SegmentGroup.Item,
-      {
-        value: item.value,
-        disabled: item.disabled,
-        children: [
-          /* @__PURE__ */ jsx(SegmentGroup.ItemText, { children: item.label }),
-          /* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
-        ]
-      },
-      item.value
-    ) })
-  ] });
-});
-export {
-  SegmentedControl
-};