@onereach/ui-components 8.5.0 → 8.5.1-beta.3662.0

package/dist/bundled/v3/components/OrExpansionPanelV3-cacc7985.js

@@ -0,0 +1,182 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createVNode, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { s as script$1 } from './OrIconV3-85d7d26b.js';
+import { t as usePopoverState } from './OrBottomSheetV3-199292db.js';
+
+var ExpansionPanelVariant;
+(function (ExpansionPanelVariant) {
+  ExpansionPanelVariant["Default"] = "default";
+  ExpansionPanelVariant["Card"] = "card";
+})(ExpansionPanelVariant || (ExpansionPanelVariant = {}));
+var ExpansionPanelColor;
+(function (ExpansionPanelColor) {
+  ExpansionPanelColor["Default"] = "default";
+  ExpansionPanelColor["Danger"] = "danger";
+})(ExpansionPanelColor || (ExpansionPanelColor = {}));
+var ExpansionPanelBackgroundColor;
+(function (ExpansionPanelBackgroundColor) {
+  ExpansionPanelBackgroundColor["Primary"] = "primary";
+  ExpansionPanelBackgroundColor["Secondary"] = "secondary";
+  ExpansionPanelBackgroundColor["Inherit"] = "inherit";
+})(ExpansionPanelBackgroundColor || (ExpansionPanelBackgroundColor = {}));
+
+const ExpansionPanel = [
+// Layout
+'layout-column'];
+const ExpansionPanelVariants = {
+  'default': [
+  // Spacing
+  'gap-sm'],
+  'card': [
+  // Shape
+  'rounded-md',
+  // Spacing
+  'px-md', 'py-md', 'gap-md']
+};
+const ExpansionPanelBackgroundColors = {
+  'primary-default': [],
+  'primary-card': [
+  // Theme
+  'theme-background-surface-1', 'dark:theme-background-surface-1-dark'],
+  'secondary-default': [],
+  'secondary-card': [
+  // Theme
+  'theme-background-surface-3', 'dark:theme-background-surface-3-dark'],
+  'inherit-default': [],
+  'inherit-card': [
+  // Theme
+  'theme-background-inherit', 'dark:theme-background-inherit']
+};
+const ExpansionPanelHeader = [
+// Layout
+'layout-row',
+// Box
+'min-w-[16px]',
+// Spacing
+'gap-sm',
+// Interactivity
+'interactivity-click',
+// Typography
+'typography-body-2-bold',
+// Theme
+'outline-none'];
+const ExpansionPanelHeaderColors = {
+  'default': [
+  // Theme
+  'theme-foreground-default', 'dark:theme-foreground-default-dark',
+  // Theme (hover)
+  'hover:md:theme-foreground-primary-hover', 'dark:hover:md:theme-foreground-primary-hover-dark',
+  // Theme (focus)
+  'focus-visible:md:theme-foreground-primary-hover', 'dark:focus-visible:md:theme-foreground-primary-hover-dark',
+  // Theme (active)
+  'active:theme-foreground-primary-hover', 'dark:active:theme-foreground-primary-hover-dark'],
+  'danger': [
+  // Theme
+  'theme-foreground-error', 'dark:theme-foreground-error-dark',
+  // Theme (hover)
+  'hover:md:theme-foreground-error-hover', 'dark:hover:md:theme-foreground-error-hover-dark',
+  // Theme (focus)
+  'focus-visible:md:theme-foreground-error-hover', 'dark:focus-visible:md:theme-foreground-error-hover-dark',
+  // Theme (active)
+  'active:theme-foreground-error-hover', 'dark:active:theme-foreground-error-hover-dark']
+};
+const ExpansionPanelAddon = [
+// Layout
+'contents',
+// Typography
+'typography-body-2-regular',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+
+var script = defineComponent({
+  name: 'OrExpansionPanel',
+  components: {
+    OrIcon: script$1
+  },
+  props: {
+    label: {
+      type: String,
+      required: true
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    variant: {
+      type: String,
+      default: ExpansionPanelVariant.Default
+    },
+    color: {
+      type: String,
+      default: ExpansionPanelColor.Default
+    },
+    backgroundColor: {
+      type: String,
+      default: ExpansionPanelBackgroundColor.Primary
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'open', 'close', 'toggle'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-expansion-panel-v3', ...ExpansionPanel, ...ExpansionPanelVariants[props.variant], ...ExpansionPanelBackgroundColors[`${props.backgroundColor}-${props.variant}`]]);
+    const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
+    const addonStyles = computed(() => [...ExpansionPanelAddon]);
+    // State
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    return {
+      root,
+      rootStyles,
+      headerStyles,
+      addonStyles,
+      state,
+      open,
+      close,
+      toggle
+    };
+  }
+});
+
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['layout-row', 'justify-between'])
+};
+const _hoisted_3 = ["tabindex", "disabled"];
+const _hoisted_4 = {
+  class: "truncate"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", {
+    class: normalizeClass(_ctx.headerStyles),
+    tabindex: !_ctx.disabled ? 0 : null,
+    disabled: _ctx.disabled ? '' : null,
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.toggle(), ["stop"]))
+  }, [createVNode(_component_OrIcon, {
+    class: normalizeClass([_ctx.state === 'open' ? 'rotate-0' : 'rotate-[-90deg]']),
+    icon: 'expand_more',
+    variant: 'filled-bold'
+  }, null, 8 /* PROPS */, ["class"]), createElementVNode("span", _hoisted_4, toDisplayString(_ctx.label), 1 /* TEXT */)], 10 /* CLASS, PROPS */, _hoisted_3), createElementVNode("div", {
+    class: normalizeClass(_ctx.addonStyles)
+  }, [renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)]), withDirectives(createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")], 512 /* NEED_PATCH */), [[vShow, _ctx.state === 'open']])], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-expansion-panel-v3/OrExpansionPanel.vue";
+
+export { ExpansionPanelVariant as E, ExpansionPanelColor as a, ExpansionPanelBackgroundColor as b, ExpansionPanel as c, ExpansionPanelVariants as d, ExpansionPanelBackgroundColors as e, ExpansionPanelHeader as f, ExpansionPanelHeaderColors as g, ExpansionPanelAddon as h, script as s };

package/dist/bundled/v3/components/OrFabV3/OrFab.js

@@ -0,0 +1 @@
+export { s as default } from '../OrFabV3-1db7d013.js';

package/dist/bundled/v3/components/OrFabV3/OrFab.vue.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue-demi';
+import { FabColor } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    color: {
+        type: PropType<"primary" | "danger">;
+        default: FabColor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    isVue3: boolean;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    color: {
+        type: PropType<"primary" | "danger">;
+        default: FabColor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    color: "primary" | "danger";
+    disabled: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrFabV3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrFabV3 } from './OrFab.vue';
+export * from './props';

package/dist/bundled/v3/components/OrFabV3/index.js

@@ -0,0 +1 @@
+export { F as FabColor, s as OrFabV3 } from '../OrFabV3-1db7d013.js';

package/dist/bundled/v3/components/OrFabV3/props.d.ts

@@ -0,0 +1,4 @@
+export declare enum FabColor {
+    Primary = "primary",
+    Danger = "danger"
+}

package/dist/bundled/v3/components/OrFabV3/props.js

@@ -0,0 +1 @@
+export { F as FabColor } from '../OrFabV3-1db7d013.js';

package/dist/bundled/v3/components/OrFabV3/styles.d.ts

@@ -0,0 +1,3 @@
+import { FabColor } from './props';
+export declare const FabRoot: string[];
+export declare const FabRootColors: Record<FabColor, string[]>;

package/dist/bundled/v3/components/OrFabV3/styles.js

@@ -0,0 +1 @@
+export { a as FabRoot, b as FabRootColors } from '../OrFabV3-1db7d013.js';

package/dist/bundled/v3/components/OrFabV3-1db7d013.js

@@ -0,0 +1,80 @@
+import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createVNode } from 'vue';
+import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
+import { s as script$1 } from './OrIconV3-85d7d26b.js';
+
+var FabColor;
+(function (FabColor) {
+  FabColor["Primary"] = "primary";
+  FabColor["Danger"] = "danger";
+})(FabColor || (FabColor = {}));
+
+const FabRoot = [
+// Layout
+'layout-inline-row justify-center',
+// Box
+'w-[56px]', 'h-[56px]',
+// Shape
+'rounded-full',
+// Elevation
+'enabled:shadow-button', 'dark:enabled:shadow-button-dark'];
+const FabRootColors = {
+  'primary': [
+  // Theme
+  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
+  'danger': [
+  // Theme
+  'theme-preset-1-error', 'dark:theme-preset-1-error-dark']
+};
+
+var script = defineComponent({
+  name: 'OrFab',
+  components: {
+    OrIcon: script$1
+  },
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    color: {
+      type: String,
+      default: FabColor.Primary
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-fab-v3', ...FabRoot, ...FabRootColors[props.color]]);
+    return {
+      root,
+      rootStyles,
+      isVue3
+    };
+  }
+});
+
+const _hoisted_1 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  return openBlock(), createElementBlock("button", mergeProps({
+    ref: "root",
+    class: _ctx.rootStyles,
+    type: 'button',
+    disabled: _ctx.disabled
+  }, toHandlers({
+    ...(_ctx.isVue3 ? {} : _ctx.$listeners)
+  }, true)), [createVNode(_component_OrIcon, {
+    icon: _ctx.icon,
+    size: 'l'
+  }, null, 8 /* PROPS */, ["icon"])], 16 /* FULL_PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-fab-v3/OrFab.vue";
+
+export { FabColor as F, FabRoot as a, FabRootColors as b, script as s };

package/dist/bundled/v3/components/OrFloating/OrFloating.js

@@ -0,0 +1 @@
+export { s as default } from '../OrFloating-3ae45ca5.js';

package/dist/bundled/v3/components/OrFloating/OrFloating.vue.d.ts

@@ -0,0 +1,123 @@
+import { PropType } from 'vue-demi';
+import { OrFloatingHideStrategy, OrFloatingPlacements } from './constants';
+declare const _default: import("vue-demi").DefineComponent<{
+    trigger: {
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
+        required: false;
+        default: null;
+    };
+    placement: {
+        type: PropType<OrFloatingPlacements>;
+        required: false;
+        default: OrFloatingPlacements;
+    };
+    offset: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    isInheritingWidth: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    isHidePadded: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideStrategy: {
+        type: PropType<OrFloatingHideStrategy>;
+        required: false;
+        default: OrFloatingHideStrategy;
+    };
+    isUsingFlip: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    isUsingShift: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    zIndexOffset: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}, {
+    content: import("vue-demi").Ref<HTMLElement | undefined>;
+}, {
+    isInitialized: boolean;
+    cleanup: (() => void) | null;
+    isFlipped: boolean;
+}, {
+    isVertical(): boolean;
+}, {
+    initialize(): Promise<void>;
+    updatePosition(): Promise<void>;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    trigger: {
+        type: {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        };
+        required: false;
+        default: null;
+    };
+    placement: {
+        type: PropType<OrFloatingPlacements>;
+        required: false;
+        default: OrFloatingPlacements;
+    };
+    offset: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    isInheritingWidth: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    isHidePadded: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideStrategy: {
+        type: PropType<OrFloatingHideStrategy>;
+        required: false;
+        default: OrFloatingHideStrategy;
+    };
+    isUsingFlip: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    isUsingShift: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    zIndexOffset: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>>, {
+    trigger: HTMLElement;
+    placement: OrFloatingPlacements;
+    offset: number;
+    isInheritingWidth: boolean;
+    isHidePadded: boolean;
+    hideStrategy: OrFloatingHideStrategy;
+    isUsingFlip: boolean;
+    isUsingShift: boolean;
+    zIndexOffset: number;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrFloating/constants.d.ts

@@ -0,0 +1,18 @@
+export declare enum OrFloatingPlacements {
+    TOP_START = "top-start",
+    RIGHT_START = "right-start",
+    BOTTOM_START = "bottom-start",
+    LEFT_START = "left-start",
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    TOP_END = "top-end",
+    RIGHT_END = "right-end",
+    BOTTOM_END = "bottom-end",
+    LEFT_END = "left-end"
+}
+export declare enum OrFloatingHideStrategy {
+    REFERENCE_HIDDEN = "referenceHidden",
+    ESCAPED = "escaped"
+}

package/dist/bundled/v3/components/OrFloating/constants.js

@@ -0,0 +1 @@
+export { e as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-3ae45ca5.js';

package/dist/bundled/v3/components/OrFloating/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrFloating } from './OrFloating.vue';
+export * from './constants';

package/dist/bundled/v3/components/OrFloating/index.js

@@ -0,0 +1 @@
+export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-3ae45ca5.js';