@snapcall/design-system 1.20.0-beta.3 → 1.20.0-beta.5

package/dist/index.mjs

@@ -1,30 +1,279 @@
-export * from "./components/Accordion/index.js";
-export * from "./components/AlertDialog/index.js";
-export * from "./components/Avatar/index.js";
-export * from "./components/Badge/index.js";
-export * from "./components/Button/index.js";
-export * from "./components/Calendar/index.js";
-export * from "./components/Carousel/index.js";
-export * from "./components/Checkbox/index.js";
-export * from "./components/Command/index.js";
-export * from "./components/CreatableSelect/index.js";
-export * from "./components/Dialog/index.js";
-export * from "./components/DropdownMenu/index.js";
-export * from "./components/FilterButton/index.js";
-export * from "./components/Form/index.js";
-export * from "./components/Input/index.js";
-export * from "./components/Label/index.js";
-export * from "./components/Pagination/index.js";
-export * from "./components/Popover/index.js";
-export * from "./components/RadioGroup/index.js";
-export * from "./components/Select/index.js";
-export * from "./components/Sheet/index.js";
-export * from "./components/Skeleton/index.js";
-export * from "./components/Switch/index.js";
-export * from "./components/Table/index.js";
-export * from "./components/Tabs/index.js";
-export * from "./components/Textarea/index.js";
-export * from "./components/Toaster/index.js";
-export * from "./components/ToggleGroup/index.js";
-export * from "./components/Tooltip/index.js";
-export * from "./icons/index.js";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "./components/Accordion/index.js";
+import {
+  AlertDialog,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel
+} from "./components/AlertDialog/index.js";
+import { Avatar } from "./components/Avatar/index.js";
+import { Badge } from "./components/Badge/index.js";
+import {
+  Button,
+  buttonSizes,
+  buttonVariants,
+  iconButtonSizes
+} from "./components/Button/index.js";
+import {
+  Calendar
+} from "./components/Calendar/index.js";
+import {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext
+} from "./components/Carousel/index.js";
+import { Checkbox } from "./components/Checkbox/index.js";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandLoading,
+  CommandSeparator
+} from "./components/Command/index.js";
+import {
+  CreatableSelect
+} from "./components/CreatableSelect/index.js";
+import {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription
+} from "./components/Dialog/index.js";
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuPortal,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger
+} from "./components/DropdownMenu/index.js";
+import { FilterButton } from "./components/FilterButton/index.js";
+import {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField
+} from "./components/Form/index.js";
+import { Input } from "./components/Input/index.js";
+import { Label } from "./components/Label/index.js";
+import {
+  Pagination
+} from "./components/Pagination/index.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./components/Popover/index.js";
+import { RadioGroup, RadioGroupItem } from "./components/RadioGroup/index.js";
+import {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator
+} from "./components/Select/index.js";
+import {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetDescription
+} from "./components/Sheet/index.js";
+import { Skeleton } from "./components/Skeleton/index.js";
+import { Switch } from "./components/Switch/index.js";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableHead,
+  TableRow,
+  TableEmpty,
+  TableCell
+} from "./components/Table/index.js";
+import {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent
+} from "./components/Tabs/index.js";
+import { Textarea } from "./components/Textarea/index.js";
+import {
+  ToastProvider,
+  ToastViewport,
+  RawToast,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+  Toaster,
+  ToastContent,
+  useToast,
+  toast
+} from "./components/Toaster/index.js";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./components/ToggleGroup/index.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./components/Tooltip/index.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Avatar,
+  Badge,
+  Button,
+  Calendar,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  Checkbox,
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandLoading,
+  CommandSeparator,
+  CreatableSelect,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  FilterButton,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input,
+  Label,
+  Pagination,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  RadioGroup,
+  RadioGroupItem,
+  RawToast,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  Switch,
+  Table,
+  TableBody,
+  TableCell,
+  TableEmpty,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastContent,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toaster,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  buttonSizes,
+  buttonVariants,
+  iconButtonSizes,
+  toast,
+  useFormField,
+  useToast
+};

package/package.json

@@ -1,9 +1,19 @@
 {
   "name": "@snapcall/design-system",
-  "version": "1.20.0-beta.3",
+  "version": "1.20.0-beta.5",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.mjs"
+    },
+    "./icons": {
+      "import": "./dist/icons/index.js",
+      "require": "./dist/icons/index.mjs"
+    }
+  },
   "sideEffects": false,
   "files": [
     "dist/**"
@@ -31,6 +41,14 @@
     "react-hook-form": ">= 7",
     "react-day-picker": ">= 9"
   },
+  "peerDependenciesMeta": {
+    "react-hook-form": {
+      "optional": true
+    },
+    "react-day-picker": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.0.4",
     "@radix-ui/react-alert-dialog": "^1.0.5",

package/dist/chunk-NOFOM2SJ.mjs

@@ -1,41 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-JKJ6VK4H.mjs";
-
-// src/icons/chevronRight.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var ChevronRightIcon = forwardRef(
-  function ChevronRightIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ jsx(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M9 18L15 12L9 6",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      })
-    );
-  }
-);
-
-export {
-  ChevronRightIcon
-};

package/dist/chunk-PPFZHO26.mjs

@@ -1,41 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-JKJ6VK4H.mjs";
-
-// src/icons/chevronLeft.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var ChevronLeftIcon = forwardRef(
-  function ChevronLeftIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ jsx(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M15 18L9 12L15 6",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      })
-    );
-  }
-);
-
-export {
-  ChevronLeftIcon
-};

package/dist/chunk-ZT2KTEGZ.mjs

@@ -1,41 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-JKJ6VK4H.mjs";
-
-// src/icons/xClose.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var XCloseIcon = forwardRef(
-  function XCloseIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
-    return /* @__PURE__ */ jsx(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M18 6L6 18M6 6L18 18",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      })
-    );
-  }
-);
-
-export {
-  XCloseIcon
-};

package/dist/icons/search.js

@@ -1,98 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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/icons/search.tsx
-var search_exports = {};
-__export(search_exports, {
-  SearchMdIcon: () => SearchMdIcon
-});
-module.exports = __toCommonJS(search_exports);
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var SearchMdIcon = (0, import_react.forwardRef)(
-  function SearchMdIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
-            {
-              opacity: "0.12",
-              d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
-            {
-              d: "M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SearchMdIcon
-});

package/dist/icons/search.mjs

@@ -1,50 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-FUJQIYOF.mjs";
-
-// src/icons/search.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SearchMdIcon = forwardRef(
-  function SearchMdIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      __spreadProps(__spreadValues({
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className
-      }, other), {
-        children: [
-          duotone && /* @__PURE__ */ jsx(
-            "path",
-            {
-              opacity: "0.12",
-              d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-export {
-  SearchMdIcon
-};