@ngrok/mantle 0.1.2 → 0.1.4

package/dist/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/tooltip/src/tooltip.tsx"],"names":["Content","Provider","Root","Trigger","forwardRef","jsx","TooltipProvider","delayDuration","props","Tooltip","TooltipTrigger","TooltipContent","children","className","sideOffset","ref","cx"],"mappings":"yCAAA,OAAS,WAAAA,EAAS,YAAAC,EAAU,QAAAC,EAAM,WAAAC,MAAe,0BACjD,OAA+C,cAAAC,MAAkB,QAOhE,cAAAC,MAAA,oBADD,IAAMC,EAAkB,CAAC,CAAE,cAAAC,EAAgB,EAAG,GAAGC,CAAM,IACtDH,EAACJ,EAAA,CAAS,cAAeM,GAAiB,EAAI,GAAGC,EAAO,EAGnDC,EAAUP,EAEVQ,EAAiBP,EAEjBQ,EAAiBP,EACtB,CAAC,CAAE,SAAAQ,EAAU,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGN,CAAM,EAAGO,IACnDV,EAACL,EAAA,CACA,IAAKe,EACL,WAAYD,EACZ,UAAWE,EACV,kWACAH,CACD,EACC,GAAGL,EAEH,SAAAI,EACF,CAEF,EACAD,EAAe,YAAc","sourcesContent":["import { Content, Provider, Root, Trigger } from \"@radix-ui/react-tooltip\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport { cx } from \"../../cx\";\n\n/**\n * Wraps your app to provide global functionality to your tooltips.\n */\nconst TooltipProvider = ({ delayDuration = 0, ...props }: ComponentPropsWithoutRef<typeof Provider>) => (\n\t<Provider delayDuration={delayDuration ?? 0} {...props} />\n);\n\nconst Tooltip = Root;\n\nconst TooltipTrigger = Trigger;\n\nconst TooltipContent = forwardRef<ElementRef<typeof Content>, ComponentPropsWithoutRef<typeof Content>>(\n\t({ children, className, sideOffset = 4, ...props }, ref) => (\n\t\t<Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cx(\n\t\t\t\t\"z-50 overflow-hidden rounded-md bg-tooltip px-3 py-1.5 text-sm text-tooltip shadow animate-in fade-in-0 zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Content>\n\t),\n);\nTooltipContent.displayName = \"TooltipContent\";\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"]}

package/dist/tooltip.d.cts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as _radix_ui_react_tooltip from '@radix-ui/react-tooltip';
+import { Provider } from '@radix-ui/react-tooltip';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Wraps your app to provide global functionality to your tooltips.
+ */
+declare const TooltipProvider: ({ delayDuration, ...props }: ComponentPropsWithoutRef<typeof Provider>) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: react.FC<_radix_ui_react_tooltip.TooltipProps>;
+declare const TooltipTrigger: react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/types.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=types.cjs.map

package/dist/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types.d.cts

@@ -0,0 +1,6 @@
+export { W as WithAsChild } from './as-child-BjnPZ1DU.cjs';
+export { W as WithStyleProps } from './with-style-props-VnLWm0Yd.cjs';
+export { V as VariantProps } from './variant-props-DnYnbC7s.cjs';
+export { D as DeepNonNullable } from './deep-non-nullable-SmpSvoSd.cjs';
+import 'react';
+import 'class-variance-authority';

package/dist/variant-props-DnYnbC7s.d.cts

@@ -0,0 +1,11 @@
+import { VariantProps as VariantProps$1 } from 'class-variance-authority';
+import { D as DeepNonNullable } from './deep-non-nullable-SmpSvoSd.cjs';
+
+/**
+ * Variant props that are optional and cannot be `null`.
+ *
+ * Using VariantProps directly from CVA produces that can be `null`, which is not what we want.
+ */
+type VariantProps<Variants extends (props?: Record<PropertyKey, unknown> | undefined) => string> = Partial<DeepNonNullable<VariantProps$1<Variants>>>;
+
+export type { VariantProps as V };

package/dist/with-style-props-VnLWm0Yd.d.cts

@@ -0,0 +1,27 @@
+import { CSSProperties } from 'react';
+
+/**
+ * Helper type that includes an optional className and style prop for react
+ * components.
+ */
+type WithStyleProps = {
+    /**
+     * A string. Specifies the element’s CSS class name.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/className
+     */
+    className?: string;
+    /**
+     * An object with CSS styles, for example `{ fontWeight: 'bold', margin: 20 }`.
+     * Similarly to the DOM style property, the CSS property names need to be
+     * written as camelCase, for example fontWeight instead of font-weight.
+     * You can pass strings or numbers as values. If you pass a number, like
+     * `width: 100`, React will automatically append px (“pixels”) to the value
+     * unless it’s a unitless property.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
+     */
+    style?: CSSProperties;
+};
+
+export type { WithStyleProps as W };

package/package.json

@@ -3,7 +3,7 @@
   "description": "mantle is ngrok's UI library and design system.",
   "author": "ngrok",
   "license": "MIT",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "homepage": "https://mantle.ngrok.com",
   "repository": {
     "type": "git",
@@ -101,98 +101,122 @@
   "exports": {
     "./mantle.css": "./assets/mantle.css",
     "./tailwind-preset": {
+      "require": "./dist/tailwind-preset.cjs",
       "import": "./dist/tailwind-preset.js",
       "types": "./dist/tailwind-preset.d.ts"
     },
     "./alert": {
+      "require": "./dist/alert.cjs",
       "import": "./dist/alert.js",
       "types": "./dist/alert.d.ts"
     },
     "./anchor": {
+      "require": "./dist/anchor.cjs",
       "import": "./dist/anchor.js",
       "types": "./dist/anchor.d.ts"
     },
     "./button": {
+      "require": "./dist/button.cjs",
       "import": "./dist/button.js",
       "types": "./dist/button.d.ts"
     },
     "./card": {
+      "require": "./dist/card.cjs",
       "import": "./dist/card.js",
       "types": "./dist/card.d.ts"
     },
     "./checkbox": {
+      "require": "./dist/checkbox.cjs",
       "import": "./dist/checkbox.js",
       "types": "./dist/checkbox.d.ts"
     },
     "./code-block": {
+      "require": "./dist/code-block.cjs",
       "import": "./dist/code-block.js",
       "types": "./dist/code-block.d.ts"
     },
     "./cx": {
+      "require": "./dist/cx.cjs",
       "import": "./dist/cx.js",
       "types": "./dist/cx.d.ts"
     },
     "./dialog": {
+      "require": "./dist/dialog.cjs",
       "import": "./dist/dialog.js",
       "types": "./dist/dialog.d.ts"
     },
     "./dropdown-menu": {
+      "require": "./dist/dropdown-menu.cjs",
       "import": "./dist/dropdown-menu.js",
       "types": "./dist/dropdown-menu.d.ts"
     },
     "./hooks": {
+      "require": "./dist/hooks.cjs",
       "import": "./dist/hooks.js",
       "types": "./dist/hooks.d.ts"
     },
     "./icon": {
+      "require": "./dist/icon.cjs",
       "import": "./dist/icon.js",
       "types": "./dist/icon.d.ts"
     },
     "./inline-code": {
+      "require": "./dist/inline-code.cjs",
       "import": "./dist/inline-code.js",
       "types": "./dist/inline-code.d.ts"
     },
     "./input": {
+      "require": "./dist/input.cjs",
       "import": "./dist/input.js",
       "types": "./dist/input.d.ts"
     },
     "./media-object": {
+      "require": "./dist/media-object.cjs",
       "import": "./dist/media-object.js",
       "types": "./dist/media-object.d.ts"
     },
     "./popover": {
+      "require": "./dist/popover.cjs",
       "import": "./dist/popover.js",
       "types": "./dist/popover.d.ts"
     },
     "./select": {
+      "require": "./dist/select.cjs",
       "import": "./dist/select.js",
       "types": "./dist/select.d.ts"
     },
     "./separator": {
+      "require": "./dist/separator.cjs",
       "import": "./dist/separator.js",
       "types": "./dist/separator.d.ts"
     },
     "./sheet": {
+      "require": "./dist/sheet.cjs",
       "import": "./dist/sheet.js",
       "types": "./dist/sheet.d.ts"
     },
     "./skeleton": {
+      "require": "./dist/skeleton.cjs",
       "import": "./dist/skeleton.js",
       "types": "./dist/skeleton.d.ts"
     },
     "./table": {
+      "require": "./dist/table.cjs",
       "import": "./dist/table.js",
       "types": "./dist/table.d.ts"
     },
     "./text-area": {
+      "require": "./dist/text-area.cjs",
       "import": "./dist/text-area.js",
       "types": "./dist/text-area.d.ts"
     },
     "./theme-provider": {
+      "require": "./dist/theme-provider.cjs",
       "import": "./dist/theme-provider.js",
       "types": "./dist/theme-provider.d.ts"
     },
     "./tooltip": {
+      "require": "./dist/tooltip.cjs",
       "import": "./dist/tooltip.js",
       "types": "./dist/tooltip.d.ts"
     },