@tale-ui/react 0.1.0 → 0.2.0

package/toolbar/Toolbar.styled.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = exports.Root = exports.Link = exports.Input = exports.Group = exports.Button = void 0;
+var React = _interopRequireWildcard(require("react"));
+var H = _interopRequireWildcard(require("./index.parts"));
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const Root = exports.Root = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
+  className: (0, _cx.cx)('tale-toolbar', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Toolbar.Root';
+const Group = exports.Group = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Group, {
+  className: (0, _cx.cx)('tale-toolbar__group', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Group.displayName = "Group";
+Group.displayName = 'Toolbar.Group';
+const Button = exports.Button = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Button, {
+  className: (0, _cx.cx)('tale-toolbar__button', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Button.displayName = "Button";
+Button.displayName = 'Toolbar.Button';
+const Link = exports.Link = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Link, {
+  className: (0, _cx.cx)('tale-toolbar__link', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Link.displayName = "Link";
+Link.displayName = 'Toolbar.Link';
+const Input = exports.Input = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Input, {
+  className: (0, _cx.cx)('tale-toolbar__input tale-input', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Input.displayName = "Input";
+Input.displayName = 'Toolbar.Input';
+const Separator = exports.Separator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Separator, {
+  className: (0, _cx.cx)('tale-toolbar__separator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Separator.displayName = "Separator";
+Separator.displayName = 'Toolbar.Separator';

package/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-export * as Toolbar from "./index.parts.js";
+export * as Toolbar from "./Toolbar.styled.js";
 export type { Orientation } from "./index.parts.js";
 export type * from "./root/ToolbarRoot.js";
 export type * from "./group/ToolbarGroup.js";

package/toolbar/index.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Toolbar = void 0;
-var _Toolbar = _interopRequireWildcard(require("./index.parts"));
+var _Toolbar = _interopRequireWildcard(require("./Toolbar.styled"));
 exports.Toolbar = _Toolbar;

package/tooltip/Tooltip.styled.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { TooltipRootState, TooltipRootProps, TooltipRootActions, TooltipRootChangeEventReason, TooltipRootChangeEventDetails } from "./root/TooltipRoot.js";
+import type { TooltipTriggerState, TooltipTriggerProps } from "./trigger/TooltipTrigger.js";
+import type { TooltipPortalProps } from "./portal/TooltipPortal.js";
+import type { TooltipPositionerState, TooltipPositionerProps } from "./positioner/TooltipPositioner.js";
+import type { TooltipPopupState, TooltipPopupProps } from "./popup/TooltipPopup.js";
+export declare const Root: <Payload>(props: H.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+export declare namespace Root {
+  type State = TooltipRootState;
+  type Props<Payload = unknown> = TooltipRootProps<Payload>;
+  type Actions = TooltipRootActions;
+  type ChangeEventReason = TooltipRootChangeEventReason;
+  type ChangeEventDetails = TooltipRootChangeEventDetails;
+}
+export declare const Trigger: H.Trigger;
+export declare namespace Trigger {
+  type State = TooltipTriggerState;
+  type Props<Payload = unknown> = TooltipTriggerProps<Payload>;
+}
+export declare const Portal: React.ForwardRefExoticComponent<Omit<TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Portal {
+  type Props = TooltipPortalProps;
+}
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Positioner {
+  type State = TooltipPositionerState;
+  type Props = TooltipPositionerProps;
+}
+export declare const Provider: React.FC<import("./index.js").TooltipProviderProps>;
+export declare const Viewport: React.ForwardRefExoticComponent<Omit<H.Viewport.Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const createHandle: typeof H.createHandle;
+export declare const Handle: typeof H.Handle;
+export declare const Popup: typeof H.Popup;
+export declare namespace Popup {
+  type State = TooltipPopupState;
+  type Props = TooltipPopupProps;
+}
+export declare const Arrow: typeof H.Arrow;

package/tooltip/Tooltip.styled.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createHandle = exports.Viewport = exports.Trigger = exports.Root = exports.Provider = exports.Positioner = exports.Portal = exports.Popup = exports.Handle = exports.Arrow = void 0;
+var React = _interopRequireWildcard(require("react"));
+var H = _interopRequireWildcard(require("./index.parts"));
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const Root = exports.Root = H.Root;
+const Trigger = exports.Trigger = H.Trigger;
+const Portal = exports.Portal = H.Portal;
+const Positioner = exports.Positioner = H.Positioner;
+const Provider = exports.Provider = H.Provider;
+const Viewport = exports.Viewport = H.Viewport;
+const createHandle = exports.createHandle = H.createHandle;
+const Handle = exports.Handle = H.Handle;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
+  className: (0, _cx.cx)('tale-tooltip__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Tooltip.Popup';
+const Popup = exports.Popup = StyledPopup;
+const StyledArrow = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Arrow, {
+  className: (0, _cx.cx)('tale-tooltip__arrow', className),
+  ref: ref,
+  ...props
+}));
+StyledArrow.displayName = 'Tooltip.Arrow';
+const Arrow = exports.Arrow = StyledArrow;

package/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-export * as Tooltip from "./index.parts.js";
+export * as Tooltip from "./Tooltip.styled.js";
 export type * from "./provider/TooltipProvider.js";
 export type * from "./root/TooltipRoot.js";
 export type * from "./trigger/TooltipTrigger.js";

package/tooltip/index.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tooltip = void 0;
-var _Tooltip = _interopRequireWildcard(require("./index.parts"));
+var _Tooltip = _interopRequireWildcard(require("./Tooltip.styled"));
 exports.Tooltip = _Tooltip;