@byyuurin/ui 0.0.3 → 0.0.4

package/dist/runtime/theme/tabs.cjs

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _uiKit = require("@byyuurin/ui-kit");
-module.exports = (0, _uiKit.ct)({
-  slots: {
-    root: "flex items-center gap-2",
-    list: "relative flex p-1 group",
-    indicator: "absolute transition-all duration-200",
-    trigger: ["group relative inline-flex items-center shrink-0 min-w-0 font-medium rounded-ui-tabs transition-colors", "focus:outline-hidden", "disabled:cursor-not-allowed disabled:opacity-50"],
-    content: "w-full focus:outline-none",
-    leadingIcon: "shrink-0",
-    label: "truncate"
-  },
-  variants: {
-    variant: {
-      solid: {
-        list: "bg-ui-cb/5 rounded-ui-tabs",
-        trigger: ["data-[state=active]:color-ui-c1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill/80", "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"],
-        indicator: "bg-ui-fill/90 rounded-ui-tabs shadow-xs"
-      },
-      soft: {
-        list: "bg-ui-c1 rounded-ui-tabs",
-        trigger: ["data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill", "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"],
-        indicator: "bg-ui-fill/10 rounded-ui-tabs shadow-xs"
-      },
-      link: {
-        list: "border-ui-cb/10",
-        indicator: "bg-ui-fill rounded-full",
-        trigger: ["data-[state=active]:color-ui-base focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-base", "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"]
-      }
-    },
-    orientation: {
-      horizontal: {
-        root: "flex-col",
-        list: "w-full",
-        indicator: "left-0 w-[var(--reka-tabs-indicator-size)] translate-x-[var(--reka-tabs-indicator-position)]",
-        trigger: "justify-center"
-      },
-      vertical: {
-        list: "flex-col",
-        indicator: "top-0 h-[var(--reka-tabs-indicator-size)] translate-y-[var(--reka-tabs-indicator-position)]",
-        trigger: "flex-1 w-full"
-      }
-    },
-    size: {
-      xs: {
-        trigger: "px-2 py-1 text-xs gap-1",
-        leadingIcon: "size-4"
-      },
-      sm: {
-        trigger: "px-2.5 py-1.5 text-xs gap-1.5",
-        leadingIcon: "size-4"
-      },
-      md: {
-        trigger: "px-3 py-1.5 text-sm gap-1.5",
-        leadingIcon: "size-5"
-      },
-      lg: {
-        trigger: "px-3 py-2 text-sm gap-2",
-        leadingIcon: "size-5"
-      },
-      xl: {
-        trigger: "px-3 py-2 text-base gap-2",
-        leadingIcon: "size-6"
-      }
-    },
-    full: {
-      true: {
-        trigger: "w-full flex-1"
-      }
-    }
-  },
-  compoundVariants: [{
-    orientation: "horizontal",
-    variant: ["solid", "soft"],
-    class: {
-      indicator: "inset-y-1"
-    }
-  }, {
-    orientation: "horizontal",
-    variant: "link",
-    class: {
-      list: "border-b -mb-px",
-      indicator: "-bottom-px h-px"
-    }
-  }, {
-    orientation: "vertical",
-    variant: ["solid", "soft"],
-    class: {
-      indicator: "inset-x-1",
-      list: "items-center rounded-[calc(var(--ui-radius-tabs)*0.66)]"
-    }
-  }, {
-    orientation: "vertical",
-    variant: "link",
-    class: {
-      list: "border-s -ms-px",
-      indicator: "-start-px w-px"
-    }
-  }]
-});

package/dist/runtime/theme/toast.cjs

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _uiKit = require("@byyuurin/ui-kit");
-module.exports = (0, _uiKit.ct)({
-  slots: {
-    root: "relative group overflow-hidden bg-ui-c1 shadow-lg rounded-ui-box ring ring-ui-c2 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-c2",
-    wrapper: "w-0 flex-1 flex flex-col gap-1",
-    title: "text-base font-medium color-ui-cb",
-    description: "text-sm color-ui-cb/80",
-    icon: "shrink-0 size-6 color-ui-cb",
-    avatar: "shrink-0",
-    avatarSize: "2xl",
-    actions: "flex flex-wrap gap-1.5 shrink-0",
-    progress: "absolute inset-x-0 bottom-0 h-1 z-[-1] color-ui-base/80 bg-current",
-    close: "p-0.5"
-  },
-  variants: {
-    multiline: {
-      true: {
-        root: "items-start",
-        actions: "items-start mt-1"
-      },
-      false: {
-        root: "items-center",
-        actions: "items-center"
-      }
-    }
-  }
-});

package/dist/runtime/theme/toaster.cjs

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _uiKit = require("@byyuurin/ui-kit");
-module.exports = (0, _uiKit.ct)({
-  slots: {
-    viewport: ["fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] focus:outline-none", "data-[expanded=true]:h-[var(--height)]"],
-    base: ["pointer-events-auto absolute inset-x-0 z-[var(--index)] [transform:var(--transform)] transition-all duration-200 ease-out", "[&[data-expanded=false][data-front=false]]:h-[var(--front-height)]", "[&[data-expanded=false][data-front=false]>*]:invisible", "data-[state=closed]:animate-[toast-closed_200ms_ease-in-out]", "[&[data-state=closed][data-expanded=false][data-front=false]]:animate-[toast-collapsed-closed_200ms_ease-in-out]", "data-[swipe=move]:transition-none"]
-  },
-  variants: {
-    position: {
-      "top-left": {
-        viewport: "left-4"
-      },
-      "top-center": {
-        viewport: "left-1/2 -translate-x-1/2"
-      },
-      "top-right": {
-        viewport: "right-4"
-      },
-      "bottom-left": {
-        viewport: "left-4"
-      },
-      "bottom-center": {
-        viewport: "left-1/2 -translate-x-1/2"
-      },
-      "bottom-right": {
-        viewport: "right-4"
-      }
-    },
-    swipeDirection: {
-      up: {
-        base: "data-[swipe=end]:animate-[toast-slide-up_200ms_ease-out]"
-      },
-      right: {
-        base: "data-[swipe=end]:animate-[toast-slide-right_200ms_ease-out]"
-      },
-      down: {
-        base: "data-[swipe=end]:animate-[toast-slide-down_200ms_ease-out]"
-      },
-      left: {
-        base: "data-[swipe=end]:animate-[toast-slide-left_200ms_ease-out]"
-      }
-    }
-  },
-  compoundVariants: [{
-    position: ["top-left", "top-center", "top-right"],
-    class: {
-      viewport: "top-4",
-      base: "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
-    }
-  }, {
-    position: ["bottom-left", "bottom-center", "bottom-right"],
-    class: {
-      viewport: "bottom-4",
-      base: "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
-    }
-  }, {
-    swipeDirection: ["left", "right"],
-    class: {
-      base: ["data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)]", "data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)]", "data-[swipe=cancel]:translate-x-0"]
-    }
-  }, {
-    swipeDirection: ["up", "down"],
-    class: {
-      base: ["data-[swipe=move]:translate-y-[var(--reka-toast-swipe-move-y)]", "data-[swipe=end]:translate-y-[var(--reka-toast-swipe-end-y)]", "data-[swipe=cancel]:translate-y-0"]
-    }
-  }]
-});

package/dist/runtime/theme/tooltip.cjs

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _uiKit = require("@byyuurin/ui-kit");
-module.exports = (0, _uiKit.ct)({
-  slots: {
-    content: "flex items-center gap-1 bg-ui-c1 color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
-    arrow: "fill-ui-c1 stroke-ui-cb/10",
-    text: "truncate"
-  }
-});

package/dist/runtime/types/components.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/runtime/types/index.cjs

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _components = require("./components.cjs");
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _components[key];
-    }
-  });
-});
-var _utils = require("./utils.cjs");
-Object.keys(_utils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _utils[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _utils[key];
-    }
-  });
-});

package/dist/runtime/types/utils.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/runtime/utils/extend-theme.cjs

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extendTheme = void 0;
-var _defu = require("defu");
-const extendTheme = exports.extendTheme = (0, _defu.createDefu)((obj, key, value) => {
-  if (key === "global") {
-    obj[key] = {
-      ...obj[key],
-      ...value
-    };
-    return true;
-  }
-  if (typeof obj[key] === "string" && typeof value === "string") {
-    if (value.trim()) obj[key] += ` ${value}`;
-    return true;
-  }
-  if (Array.isArray(obj[key]) && typeof value === "string") {
-    obj[key].push(value);
-    return true;
-  }
-});

package/dist/runtime/utils/index.cjs

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  createInjection: true,
-  pick: true,
-  omit: true,
-  get: true,
-  set: true,
-  looseToNumber: true,
-  compare: true
-};
-exports.compare = compare;
-exports.createInjection = createInjection;
-exports.get = get;
-exports.looseToNumber = looseToNumber;
-exports.omit = omit;
-exports.pick = pick;
-exports.set = set;
-var _ohash = require("ohash");
-var _vue = require("vue");
-var _extendTheme = require("./extend-theme.cjs");
-Object.keys(_extendTheme).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _extendTheme[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _extendTheme[key];
-    }
-  });
-});
-var _link = require("./link.cjs");
-Object.keys(_link).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _link[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _link[key];
-    }
-  });
-});
-var _styler = require("./styler.cjs");
-Object.keys(_styler).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _styler[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _styler[key];
-    }
-  });
-});
-function createInjection(name, defaultValue) {
-  const injectionKey = Symbol(name);
-  const provide = value => (0, _vue.provide)(injectionKey, value);
-  const inject = () => (0, _vue.inject)(injectionKey, defaultValue);
-  return {
-    injectionKey,
-    provide,
-    inject
-  };
-}
-function pick(data, keys) {
-  const result = {};
-  for (const key of keys) result[key] = data[key];
-  return result;
-}
-function omit(data, keys) {
-  const result = {
-    ...data
-  };
-  for (const key of keys) delete result[key];
-  return result;
-}
-function get(object, path, defaultValue) {
-  if (typeof path === "string") {
-    path = path.split(".").map(key => {
-      const numKey = Number(key);
-      return Number.isNaN(numKey) ? key : numKey;
-    });
-  }
-  let result = object;
-  for (const key of path) {
-    if (result === void 0 || result === null) return defaultValue;
-    result = result[key];
-  }
-  return result === void 0 ? defaultValue : result;
-}
-function set(object, path, value) {
-  if (typeof path === "string") {
-    path = path.split(".").map(key => {
-      const numKey = Number(key);
-      return Number.isNaN(numKey) ? key : numKey;
-    });
-  }
-  path.reduce((acc, key, i) => {
-    if (acc[key] === void 0) acc[key] = {};
-    if (i === path.length - 1) acc[key] = value;
-    return acc[key];
-  }, object);
-}
-function looseToNumber(value) {
-  const n = Number.parseFloat(value);
-  return Number.isNaN(n) ? value : n;
-}
-function compare(value, currentValue, comparator) {
-  if (value === void 0 || currentValue === void 0) return false;
-  if (typeof value === "string") return value === currentValue;
-  if (typeof comparator === "function") return comparator(value, currentValue);
-  if (typeof comparator === "string") return get(value, comparator) === get(currentValue, comparator);
-  return (0, _ohash.isEqual)(value, currentValue);
-}

package/dist/runtime/utils/link.cjs

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pickLinkProps = pickLinkProps;
-var _core = require("@vueuse/core");
-function pickLinkProps(props) {
-  return (0, _core.reactivePick)(props, "ui", "active", "ariaLabel", "as", "disabled", "href", "rel", "noRel", "type", "target", "title", "onClick");
-}

package/dist/runtime/utils/styler.cjs

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.prepareStyler = prepareStyler;
-var _uiKit = require("@byyuurin/ui-kit");
-function prepareStyler(rules = []) {
-  const createVariants = (0, _uiKit.cv)(rules);
-  function createStyler(theme) {
-    const ui = createVariants(theme);
-    const styler = props => ui(props);
-    return styler;
-  }
-  return {
-    createStyler
-  };
-}