@tipp/ui 1.0.4 → 1.0.6

package/dist/index.d.ts

@@ -13,10 +13,11 @@ export { Pagination, PaginationProps } from './atoms/pagination.js';
 export { FieldErrorWrapper, FieldErrorWrapperProps } from './atoms/field-error-wrapper.js';
 export { EllipsisTooltip, EllipsisTooltipProps } from './atoms/ellipsis-tooltip.js';
 export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.js';
+export { Navigation, NavigationProps } from './molecules/navigation.js';
 export { ThemeProvider } from './theme/theme-provider.js';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
-export { BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PlusIcon } from '@radix-ui/react-icons';
+export { BarChartIcon, BookmarkFilledIcon, BookmarkIcon, ChatBubbleIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardIcon, DotsHorizontalIcon, ExclamationTriangleIcon, ExitIcon, GearIcon, InfoCircledIcon, MagnifyingGlassIcon, MixerHorizontalIcon, PersonIcon, PlusIcon } from '@radix-ui/react-icons';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.js';
 export { ColumnDef, createColumnHelper } from '@tanstack/react-table';
 import 'react';

package/dist/index.js

@@ -1,25 +1,48 @@
+import {
+  uiProps
+} from "./chunk-NVKNDAIN.js";
 import {
   ThemeProvider
 } from "./chunk-PL3Q4UVY.js";
 import {
   useThemeContext
 } from "./chunk-MMGP4GEQ.js";
-import {
-  uiProps
-} from "./chunk-NVKNDAIN.js";
-import "./chunk-WWCWPFEJ.js";
+import "./chunk-DF7LG3AO.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-JJ5IIAB2.js";
+} from "./chunk-RC4WJLQA.js";
 import "./chunk-PBPRWY2V.js";
+import "./chunk-BSTJBBEX.js";
+import "./chunk-NDUKDKGB.js";
+import {
+  Navigation
+} from "./chunk-U25HB5E7.js";
 import "./chunk-MASTHXWN.js";
 import {
   DatePicker
 } from "./chunk-IIBITN2G.js";
+import {
+  TabNav
+} from "./chunk-YJ7ZFOYL.js";
+import {
+  Tabs
+} from "./chunk-5ZITU5L7.js";
+import {
+  TextArea
+} from "./chunk-ILRUXI2E.js";
 import {
   TextField
 } from "./chunk-JPIZP2PZ.js";
+import {
+  Section
+} from "./chunk-MUNMDHRF.js";
+import {
+  SegmentedControl
+} from "./chunk-TVDKGMBI.js";
+import {
+  Select
+} from "./chunk-355MU6BH.js";
 import {
   Separator
 } from "./chunk-HYITAA4J.js";
@@ -36,14 +59,14 @@ import {
   Switch
 } from "./chunk-OYM4XCHQ.js";
 import {
-  TabNav
-} from "./chunk-YJ7ZFOYL.js";
+  Pagination
+} from "./chunk-LPUSIN3M.js";
 import {
-  Tabs
-} from "./chunk-5ZITU5L7.js";
+  Popover
+} from "./chunk-5AVBYDPB.js";
 import {
-  TextArea
-} from "./chunk-ILRUXI2E.js";
+  Progress
+} from "./chunk-365QMK4D.js";
 import {
   Quote
 } from "./chunk-YO3BQW6S.js";
@@ -60,14 +83,17 @@ import {
   ScrollArea
 } from "./chunk-ZKZDVS7G.js";
 import {
-  Section
-} from "./chunk-MUNMDHRF.js";
+  Grid
+} from "./chunk-EGEQY3KT.js";
 import {
-  SegmentedControl
-} from "./chunk-TVDKGMBI.js";
+  Heading
+} from "./chunk-HLOY6BIP.js";
 import {
-  Select
-} from "./chunk-355MU6BH.js";
+  HoverCard
+} from "./chunk-O3T3TM3V.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
@@ -78,17 +104,14 @@ import {
   Link
 } from "./chunk-XQOZWYUA.js";
 import {
-  Pagination
-} from "./chunk-OZLC6KYP.js";
-import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
+  Container
+} from "./chunk-Q37G2GS6.js";
 import {
-  Popover
-} from "./chunk-5AVBYDPB.js";
+  DataList
+} from "./chunk-VTJZMOSP.js";
 import {
-  Progress
-} from "./chunk-365QMK4D.js";
+  Dialog
+} from "./chunk-P6B2PNYI.js";
 import {
   DropdownMenu
 } from "./chunk-YTZSKMX3.js";
@@ -111,14 +134,14 @@ import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
+  Button
+} from "./chunk-AQX7DQLI.js";
 import {
-  Heading
-} from "./chunk-HLOY6BIP.js";
+  Callout
+} from "./chunk-B6XJN6EC.js";
 import {
-  HoverCard
-} from "./chunk-O3T3TM3V.js";
+  Card
+} from "./chunk-FYEASFUU.js";
 import {
   CheckboxCards
 } from "./chunk-MIMJ7LON.js";
@@ -135,14 +158,26 @@ import {
   Collapse
 } from "./chunk-OCJNQGHN.js";
 import {
-  Container
-} from "./chunk-Q37G2GS6.js";
-import {
-  DataList
-} from "./chunk-VTJZMOSP.js";
+  BarChartIcon,
+  BookmarkFilledIcon,
+  BookmarkIcon,
+  ChatBubbleIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ClipboardIcon,
+  DotsHorizontalIcon,
+  ExclamationTriangleIcon,
+  ExitIcon,
+  GearIcon,
+  InfoCircledIcon,
+  MagnifyingGlassIcon,
+  MixerHorizontalIcon,
+  PersonIcon,
+  PlusIcon
+} from "./chunk-EK4ZFDYD.js";
 import {
-  Dialog
-} from "./chunk-P6B2PNYI.js";
+  AlertDialog
+} from "./chunk-J242TTFH.js";
 import {
   AspectRatio
 } from "./chunk-EAXUQEO5.js";
@@ -158,40 +193,13 @@ import {
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
-import {
-  Button
-} from "./chunk-RET725VL.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
-import {
-  Card
-} from "./chunk-FYEASFUU.js";
-import {
-  BookmarkFilledIcon,
-  BookmarkIcon,
-  ChatBubbleIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  DotsHorizontalIcon,
-  ExclamationTriangleIcon,
-  ExitIcon,
-  InfoCircledIcon,
-  MagnifyingGlassIcon,
-  MixerHorizontalIcon,
-  PlusIcon
-} from "./chunk-MMAV5BRZ.js";
-import "./chunk-BSTJBBEX.js";
-import "./chunk-NDUKDKGB.js";
-import {
-  AlertDialog
-} from "./chunk-J242TTFH.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,
   AspectRatio,
   Avatar,
   Badge,
+  BarChartIcon,
   Blockquote,
   BookmarkFilledIcon,
   BookmarkIcon,
@@ -205,6 +213,7 @@ export {
   CheckboxGroup,
   ChevronLeftIcon,
   ChevronRightIcon,
+  ClipboardIcon,
   Code,
   Collapse,
   Container,
@@ -220,6 +229,7 @@ export {
   ExpandTable,
   FieldErrorWrapper,
   Flex,
+  GearIcon,
   Grid,
   Heading,
   HoverCard,
@@ -230,7 +240,9 @@ export {
   Link,
   MagnifyingGlassIcon,
   MixerHorizontalIcon,
+  Navigation,
   Pagination,
+  PersonIcon,
   PlusIcon,
   Popover,
   Progress,

package/dist/molecules/company-selector.cjs

@@ -0,0 +1,406 @@
+"use strict";
+var __create = Object.create;
+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 __getProtoOf = Object.getPrototypeOf;
+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 __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/molecules/company-selector.tsx
+var company_selector_exports = {};
+__export(company_selector_exports, {
+  CompanySelector: () => CompanySelector
+});
+module.exports = __toCommonJS(company_selector_exports);
+
+// src/atoms/alert-dialog.tsx
+var import_themes = require("@radix-ui/themes");
+
+// src/atoms/aspect-ratio.tsx
+var import_themes2 = require("@radix-ui/themes");
+
+// src/atoms/avatar.tsx
+var import_themes3 = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Avatar = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { children, size, variant = "soft" } = _a, rest = __objRest(_a, ["children", "size", "variant"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+        case "full":
+          return "4";
+        default:
+          return size;
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes3.Avatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
+  }
+);
+Avatar.displayName = "Avatar";
+
+// src/atoms/badge.tsx
+var import_themes4 = require("@radix-ui/themes");
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Badge = (0, import_react2.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, color } = _a, rest = __objRest(_a, ["size", "color"]);
+    const radixSize = (0, import_react2.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "large":
+          return "3";
+        default:
+          return "1";
+      }
+    }, [size]);
+    const radixColor = (0, import_react2.useMemo)(() => {
+      switch (color) {
+        case "error":
+          return "red";
+        case "neutral":
+          return "gray";
+        case "success":
+          return "green";
+        case "accent":
+        default:
+          return void 0;
+      }
+    }, [color]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes4.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
+  }
+);
+Badge.displayName = "Badge";
+
+// src/atoms/blockquote.tsx
+var import_themes5 = require("@radix-ui/themes");
+
+// src/atoms/box.tsx
+var import_themes6 = require("@radix-ui/themes");
+
+// src/atoms/button.tsx
+var import_themes7 = require("@radix-ui/themes");
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Button = (0, import_react3.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
+    const radixSize = (0, import_react3.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "2";
+        case "medium":
+          return "3";
+        case "large":
+          return "4";
+        default:
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes7.Button, __spreadProps(__spreadValues({}, restProps), { ref, size: radixSize }));
+  }
+);
+Button.displayName = "Button";
+
+// src/atoms/call-out.tsx
+var import_themes8 = require("@radix-ui/themes");
+
+// src/atoms/card.tsx
+var import_themes9 = require("@radix-ui/themes");
+
+// src/atoms/check-box.tsx
+var import_themes10 = require("@radix-ui/themes");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Checkbox = (0, import_react4.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    const radixSize = (0, import_react4.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes10.Checkbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/atoms/check-box-card.tsx
+var import_themes11 = require("@radix-ui/themes");
+
+// src/atoms/check-box-group.tsx
+var import_themes12 = require("@radix-ui/themes");
+var import_react5 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Root = (0, import_react5.forwardRef)((props, ref) => {
+  const _a = props, { children, size } = _a, rest = __objRest(_a, ["children", "size"]);
+  const groupSize = (0, import_react5.useMemo)(() => {
+    switch (size) {
+      case "small":
+        return "1";
+      case "large":
+        return "3";
+      case "medium":
+      default:
+        return "2";
+    }
+  }, [size]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes12.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+});
+Root.displayName = "CheckboxGroup.Root";
+var CheckboxGroup = {
+  Root,
+  Item: import_themes12.CheckboxGroup.Item
+};
+
+// src/atoms/code.tsx
+var import_themes13 = require("@radix-ui/themes");
+
+// src/atoms/container.tsx
+var import_themes14 = require("@radix-ui/themes");
+
+// src/atoms/data-list.tsx
+var import_themes15 = require("@radix-ui/themes");
+
+// src/atoms/date-picker/index.tsx
+var import_react6 = require("react");
+var import_react_datepicker = __toESM(require("react-datepicker"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DatePicker = (0, import_react6.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_datepicker.default,
+      __spreadProps(__spreadValues({}, props), {
+        open: true,
+        ref,
+        wrapperClassName: "tipp_datePicker"
+      })
+    );
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+// src/atoms/dialog.tsx
+var import_themes16 = require("@radix-ui/themes");
+
+// src/atoms/dropdown-menu.tsx
+var import_themes17 = require("@radix-ui/themes");
+
+// src/atoms/em.tsx
+var import_themes18 = require("@radix-ui/themes");
+
+// src/atoms/flex.tsx
+var import_themes19 = require("@radix-ui/themes");
+
+// src/atoms/grid.tsx
+var import_themes20 = require("@radix-ui/themes");
+
+// src/atoms/heading.tsx
+var import_themes21 = require("@radix-ui/themes");
+var import_react7 = require("react");
+var import_themes22 = require("@radix-ui/themes");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+
+// src/atoms/hover-card.tsx
+var import_themes23 = require("@radix-ui/themes");
+
+// src/atoms/icon-button.tsx
+var import_themes24 = require("@radix-ui/themes");
+
+// src/atoms/inset.tsx
+var import_themes25 = require("@radix-ui/themes");
+
+// src/atoms/kbd.tsx
+var import_themes26 = require("@radix-ui/themes");
+
+// src/atoms/link.tsx
+var import_themes27 = require("@radix-ui/themes");
+var import_react8 = require("react");
+var import_themes28 = require("@radix-ui/themes");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+
+// src/atoms/popover.tsx
+var import_themes29 = require("@radix-ui/themes");
+
+// src/atoms/progress.tsx
+var import_themes30 = require("@radix-ui/themes");
+
+// src/atoms/quote.tsx
+var import_themes31 = require("@radix-ui/themes");
+
+// src/atoms/radio.tsx
+var import_themes32 = require("@radix-ui/themes");
+
+// src/atoms/radio-cards.tsx
+var import_themes33 = require("@radix-ui/themes");
+
+// src/atoms/radio-group.tsx
+var import_themes34 = require("@radix-ui/themes");
+
+// src/atoms/scroll-area.tsx
+var import_themes35 = require("@radix-ui/themes");
+
+// src/atoms/section.tsx
+var import_themes36 = require("@radix-ui/themes");
+
+// src/atoms/segmented-control.tsx
+var import_themes37 = require("@radix-ui/themes");
+
+// src/atoms/select.tsx
+var import_themes38 = require("@radix-ui/themes");
+
+// src/atoms/separator.tsx
+var import_themes39 = require("@radix-ui/themes");
+
+// src/atoms/skeleton.tsx
+var import_themes40 = require("@radix-ui/themes");
+
+// src/atoms/strong.tsx
+var import_themes41 = require("@radix-ui/themes");
+
+// src/atoms/switch.tsx
+var import_themes42 = require("@radix-ui/themes");
+
+// src/atoms/tab-nav.tsx
+var import_themes43 = require("@radix-ui/themes");
+
+// src/atoms/tabs.tsx
+var import_themes44 = require("@radix-ui/themes");
+
+// src/atoms/text-area.tsx
+var import_themes45 = require("@radix-ui/themes");
+
+// src/atoms/typo.tsx
+var import_themes46 = require("@radix-ui/themes");
+var import_react9 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Typo = (0, import_react9.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+    const radixSize = (0, import_react9.useMemo)(() => {
+      if (size !== void 0)
+        return size;
+      switch (variant) {
+        case "caption":
+          return "1";
+        case "subtitle":
+          return "3";
+        case "body":
+        default:
+          return "2";
+      }
+    }, [size, variant]);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_themes46.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+  }
+);
+Typo.displayName = "Typo";
+
+// src/atoms/text-field.tsx
+var import_themes47 = require("@radix-ui/themes");
+
+// src/atoms/tooltip.tsx
+var import_themes48 = require("@radix-ui/themes");
+
+// src/atoms/collapse.tsx
+var import_react10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+
+// src/atoms/spinner.tsx
+var import_themes49 = require("@radix-ui/themes");
+
+// src/atoms/pagination.tsx
+var import_react11 = require("react");
+
+// src/icon.ts
+var import_react_icons = require("@radix-ui/react-icons");
+
+// src/atoms/pagination.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+
+// src/atoms/field-error-wrapper.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+
+// src/atoms/ellipsis-tooltip.tsx
+var import_react12 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+
+// src/molecules/company-selector.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function CompanySelector(props) {
+  const { name, icon, items, onSelectItem } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes29.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_themes19.Flex, { pl: "4", pr: "4", children: [
+      icon,
+      name
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes29.Popover.Content, {})
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CompanySelector
+});
+//# sourceMappingURL=company-selector.cjs.map