@semplice-studio/pa-design-system 0.1.0

package/dist/components/PaIcon/PaIcon.vue.js

@@ -0,0 +1,163 @@
+import { defineComponent as u, computed as o, openBlock as d, createBlock as w, resolveDynamicComponent as f } from "vue";
+import { PhYoutubeLogo as k, PhXLogo as C, PhXCircle as v, PhX as L, PhWrench as y, PhWifiHigh as b, PhWhatsappLogo as A, PhWarningCircle as F, PhWarning as x, PhVideoCamera as M, PhUserCircle as S, PhUser as i, PhUploadSimple as D, PhTrendUp as B, PhTray as E, PhTrash as T, PhTiktokLogo as U, PhStar as r, PhSnapchatLogo as z, PhSlackLogo as I, PhSignOut as O, PhShareNetwork as R, PhRedditLogo as W, PhQuestionMark as G, PhQuestion as _, PhPushPin as q, PhProhibit as X, PhPrinter as H, PhPresentationChart as V, PhPlusCircle as K, PhPlus as N, PhPlugs as Q, PhPinterestLogo as Z, PhPencilSimple as Y, PhPaperclip as j, PhNote as J, PhMinusCircle as $, PhMinus as oo, PhMegaphone as eo, PhMastodonLogo as no, PhMapPinSimple as to, PhMapPinPlus as co, PhMapPinLine as io, PhMapPin as ro, PhMagnifyingGlassPlus as po, PhMagnifyingGlassMinus as lo, PhMagnifyingGlass as ho, PhLockKey as mo, PhListBullets as ao, PhList as Po, PhLinkedinLogo as so, PhLink as go, PhKey as uo, PhInstagramLogo as wo, PhInfo as fo, PhImage as ko, PhHouse as p, PhHexagon as Co, PhGithubLogo as vo, PhGear as Lo, PhFunnel as yo, PhFolder as bo, PhFlag as Ao, PhFiles as Fo, PhFileZip as xo, PhFileXls as Mo, PhFileVideo as So, PhFileTxt as Do, PhFileText as Bo, PhFilePpt as Eo, PhFilePdf as To, PhFileCsv as Uo, PhFileAudio as zo, PhFigmaLogo as Io, PhFacebookLogo as Oo, PhEyeSlash as Ro, PhEye as Wo, PhExclamationMark as Go, PhEnvelopeOpen as _o, PhEnvelope as qo, PhEar as Xo, PhDownloadSimple as Ho, PhDotsThreeVertical as Vo, PhDotsThree as Ko, PhDiamondsFour as No, PhCurrencyEur as Qo, PhCreditCard as Zo, PhCornersOut as Yo, PhCornersIn as jo, PhCopy as Jo, PhCode as $o, PhClock as oe, PhCheckCircle as ee, PhCheck as ne, PhChatCenteredDots as te, PhCaretUp as l, PhCaretUpDown as ce, PhCaretRight as h, PhCaretLeft as m, PhCaretDown as a, PhCaretDoubleRight as ie, PhCaretDoubleLeft as re, PhCamera as pe, PhCalendarBlank as le, PhBookmarkSimple as he, PhBell as me, PhBehanceLogo as ae, PhBank as Pe, PhArrowsOutCardinal as se, PhArrowsOut as ge, PhArrowsCounterClockwise as ue, PhArrowUp as de, PhArrowSquareOut as we, PhArrowRight as fe, PhArrowLeft as ke, PhArrowDown as Ce, PhArrowCounterClockwise as ve, PhArrowClockwise as Le, PhArrowCircleUp as ye, PhArrowCircleRight as be, PhArrowCircleLeft as Ae, PhArrowCircleDown as Fe, PhArchive as xe } from "@phosphor-icons/vue";
+const Me = {
+  archive: { component: xe },
+  "arrow-circle-down": { component: Fe },
+  "arrow-circle-left": { component: Ae },
+  "arrow-circle-right": { component: be },
+  "arrow-circle-up": { component: ye },
+  "arrow-clockwise": { component: Le },
+  "arrow-counter-clockwise": { component: ve },
+  "arrow-down": { component: Ce },
+  "arrow-left": { component: ke },
+  "arrow-right": { component: fe },
+  "arrow-square-out": { component: we },
+  "arrow-up": { component: de },
+  "arrows-counter-clockwise": { component: ue },
+  "arrows-out": { component: ge },
+  "arrows-out-cardinal": { component: se },
+  bank: { component: Pe },
+  "behance-logo": { component: ae },
+  bell: { component: me },
+  "bookmark-simple": { component: he },
+  "calendar-blank": { component: le },
+  camera: { component: pe },
+  "caret-double-left-light": { component: re, weight: "light" },
+  "caret-double-right": { component: ie },
+  "caret-down": { component: a },
+  "caret-down-fill": { component: a, weight: "fill" },
+  "caret-left": { component: m },
+  "caret-left-fill": { component: m, weight: "fill" },
+  "caret-right": { component: h },
+  "caret-right-fill": { component: h, weight: "fill" },
+  "caret-up": { component: l },
+  "caret-up-down": { component: ce },
+  "caret-up-fill": { component: l, weight: "fill" },
+  "chat-centered-dots": { component: te },
+  check: { component: ne },
+  "check-circle": { component: ee },
+  clock: { component: oe },
+  code: { component: $o },
+  copy: { component: Jo },
+  "corners-in": { component: jo },
+  "corners-out": { component: Yo },
+  "credit-card": { component: Zo },
+  "currency-eur": { component: Qo },
+  "diamonds-four": { component: No },
+  "dots-three": { component: Ko },
+  "dots-three-vertical": { component: Vo },
+  "download-simple": { component: Ho },
+  ear: { component: Xo },
+  envelope: { component: qo },
+  "envelope-open": { component: _o },
+  "exclamation-mark": { component: Go },
+  eye: { component: Wo },
+  "eye-slash": { component: Ro },
+  "facebook-logo": { component: Oo },
+  "figma-logo": { component: Io },
+  "file-audio": { component: zo },
+  "file-csv": { component: Uo },
+  "file-pdf": { component: To },
+  "file-ppt": { component: Eo },
+  "file-text": { component: Bo },
+  "file-txt": { component: Do },
+  "file-video": { component: So },
+  "file-xls": { component: Mo },
+  "file-zip": { component: xo },
+  files: { component: Fo },
+  flag: { component: Ao },
+  folder: { component: bo },
+  funnel: { component: yo },
+  gear: { component: Lo },
+  "github-logo": { component: vo },
+  hexagon: { component: Co },
+  house: { component: p },
+  "house-fill": { component: p, weight: "fill" },
+  image: { component: ko },
+  info: { component: fo },
+  "instagram-logo": { component: wo },
+  key: { component: uo },
+  link: { component: go },
+  "linkedin-logo": { component: so },
+  list: { component: Po },
+  "list-bullets": { component: ao },
+  "lock-key": { component: mo },
+  "magnifying-glass": { component: ho },
+  "magnifying-glass-minus": { component: lo },
+  "magnifying-glass-plus": { component: po },
+  "map-pin": { component: ro },
+  "map-pin-minus": { component: io },
+  "map-pin-plus": { component: co },
+  "map-pin-simple": { component: to },
+  "mastodon-logo": { component: no },
+  megaphone: { component: eo },
+  minus: { component: oo },
+  "minus-circle": { component: $ },
+  note: { component: J },
+  paperclip: { component: j },
+  "pencil-simple": { component: Y },
+  "pinterest-logo": { component: Z },
+  plugs: { component: Q },
+  plus: { component: N },
+  "plus-circle": { component: K },
+  "presentation-chart": { component: V },
+  printer: { component: H },
+  prohibit: { component: X },
+  "push-pin": { component: q },
+  question: { component: _ },
+  "question-mark": { component: G },
+  "reddit-logo": { component: W },
+  "share-network": { component: R },
+  "sign-out": { component: O },
+  "slack-logo": { component: I },
+  "snapchat-logo": { component: z },
+  star: { component: r },
+  "star-fill": { component: r, weight: "fill" },
+  "tiktok-logo": { component: U },
+  trash: { component: T },
+  tray: { component: E },
+  "trend-up": { component: B },
+  "upload-simple": { component: D },
+  user: { component: i },
+  "user-fill": { component: i, weight: "fill" },
+  "user-circle": { component: S },
+  "video-camera": { component: M },
+  warning: { component: x },
+  "warning-circle": { component: F },
+  "whatsapp-logo": { component: A },
+  "wifi-high": { component: b },
+  wrench: { component: y },
+  x: { component: L },
+  "x-circle": { component: v },
+  "x-logo": { component: C },
+  "youtube-logo": { component: k }
+}, Se = { sm: 16, md: 20, lg: 24 };
+function De(e) {
+  return Se[e];
+}
+const ze = /* @__PURE__ */ u({
+  __name: "PaIcon",
+  props: {
+    name: {},
+    size: { default: "md" },
+    title: {}
+  },
+  setup(e) {
+    const n = e, t = o(() => Me[n.name]), P = o(() => t.value.component), s = o(
+      () => "weight" in t.value ? t.value.weight : void 0
+    ), g = o(() => De(n.size)), c = o(() => n.title === void 0);
+    return (Be, Ee) => (d(), w(f(P.value), {
+      weight: s.value,
+      size: g.value,
+      role: c.value ? void 0 : "img",
+      "aria-label": c.value ? void 0 : e.title,
+      "aria-hidden": c.value ? "true" : void 0
+    }, null, 8, ["weight", "size", "role", "aria-label", "aria-hidden"]));
+  }
+});
+export {
+  ze as default,
+  Me as iconRegistry,
+  De as pixelSizeFor
+};
+//# sourceMappingURL=PaIcon.vue.js.map

package/dist/components/PaIcon/PaIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaIcon.vue.js","sources":["../../../src/components/PaIcon/PaIcon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Component } from 'vue'\nimport {\n  PhArchive,\n  PhArrowCircleDown,\n  PhArrowCircleLeft,\n  PhArrowCircleRight,\n  PhArrowCircleUp,\n  PhArrowClockwise,\n  PhArrowCounterClockwise,\n  PhArrowDown,\n  PhArrowLeft,\n  PhArrowRight,\n  PhArrowSquareOut,\n  PhArrowUp,\n  PhArrowsCounterClockwise,\n  PhArrowsOut,\n  PhArrowsOutCardinal,\n  PhBank,\n  PhBehanceLogo,\n  PhBell,\n  PhBookmarkSimple,\n  PhCalendarBlank,\n  PhCamera,\n  PhCaretDoubleLeft,\n  PhCaretDoubleRight,\n  PhCaretDown,\n  PhCaretLeft,\n  PhCaretRight,\n  PhCaretUp,\n  PhCaretUpDown,\n  PhChatCenteredDots,\n  PhCheck,\n  PhCheckCircle,\n  PhClock,\n  PhCode,\n  PhCopy,\n  PhCornersIn,\n  PhCornersOut,\n  PhCreditCard,\n  PhCurrencyEur,\n  PhDiamondsFour,\n  PhDotsThree,\n  PhDotsThreeVertical,\n  PhDownloadSimple,\n  PhEar,\n  PhEnvelope,\n  PhEnvelopeOpen,\n  PhExclamationMark,\n  PhEye,\n  PhEyeSlash,\n  PhFacebookLogo,\n  PhFigmaLogo,\n  PhFileAudio,\n  PhFileCsv,\n  PhFilePdf,\n  PhFilePpt,\n  PhFileText,\n  PhFileTxt,\n  PhFileVideo,\n  PhFileXls,\n  PhFileZip,\n  PhFiles,\n  PhFlag,\n  PhFolder,\n  PhFunnel,\n  PhGear,\n  PhGithubLogo,\n  PhHexagon,\n  PhHouse,\n  PhImage,\n  PhInfo,\n  PhInstagramLogo,\n  PhKey,\n  PhLink,\n  PhLinkedinLogo,\n  PhList,\n  PhListBullets,\n  PhLockKey,\n  PhMagnifyingGlass,\n  PhMagnifyingGlassMinus,\n  PhMagnifyingGlassPlus,\n  PhMapPin,\n  PhMapPinLine,\n  PhMapPinPlus,\n  PhMapPinSimple,\n  PhMastodonLogo,\n  PhMegaphone,\n  PhMinus,\n  PhMinusCircle,\n  PhNote,\n  PhPaperclip,\n  PhPencilSimple,\n  PhPinterestLogo,\n  PhPlugs,\n  PhPlus,\n  PhPlusCircle,\n  PhPresentationChart,\n  PhPrinter,\n  PhProhibit,\n  PhPushPin,\n  PhQuestion,\n  PhQuestionMark,\n  PhRedditLogo,\n  PhShareNetwork,\n  PhSignOut,\n  PhSlackLogo,\n  PhSnapchatLogo,\n  PhStar,\n  PhTiktokLogo,\n  PhTrash,\n  PhTray,\n  PhTrendUp,\n  PhUploadSimple,\n  PhUser,\n  PhUserCircle,\n  PhVideoCamera,\n  PhWarning,\n  PhWarningCircle,\n  PhWhatsappLogo,\n  PhWifiHigh,\n  PhWrench,\n  PhX,\n  PhXCircle,\n  PhXLogo,\n  PhYoutubeLogo,\n} from '@phosphor-icons/vue'\n\ntype PaIconWeight = 'fill' | 'light'\n\ninterface IconEntry {\n  component: Component\n  weight?: PaIconWeight\n}\n\nexport const iconRegistry = {\n  'archive': { component: PhArchive },\n  'arrow-circle-down': { component: PhArrowCircleDown },\n  'arrow-circle-left': { component: PhArrowCircleLeft },\n  'arrow-circle-right': { component: PhArrowCircleRight },\n  'arrow-circle-up': { component: PhArrowCircleUp },\n  'arrow-clockwise': { component: PhArrowClockwise },\n  'arrow-counter-clockwise': { component: PhArrowCounterClockwise },\n  'arrow-down': { component: PhArrowDown },\n  'arrow-left': { component: PhArrowLeft },\n  'arrow-right': { component: PhArrowRight },\n  'arrow-square-out': { component: PhArrowSquareOut },\n  'arrow-up': { component: PhArrowUp },\n  'arrows-counter-clockwise': { component: PhArrowsCounterClockwise },\n  'arrows-out': { component: PhArrowsOut },\n  'arrows-out-cardinal': { component: PhArrowsOutCardinal },\n  'bank': { component: PhBank },\n  'behance-logo': { component: PhBehanceLogo },\n  'bell': { component: PhBell },\n  'bookmark-simple': { component: PhBookmarkSimple },\n  'calendar-blank': { component: PhCalendarBlank },\n  'camera': { component: PhCamera },\n  'caret-double-left-light': { component: PhCaretDoubleLeft, weight: 'light' },\n  'caret-double-right': { component: PhCaretDoubleRight },\n  'caret-down': { component: PhCaretDown },\n  'caret-down-fill': { component: PhCaretDown, weight: 'fill' },\n  'caret-left': { component: PhCaretLeft },\n  'caret-left-fill': { component: PhCaretLeft, weight: 'fill' },\n  'caret-right': { component: PhCaretRight },\n  'caret-right-fill': { component: PhCaretRight, weight: 'fill' },\n  'caret-up': { component: PhCaretUp },\n  'caret-up-down': { component: PhCaretUpDown },\n  'caret-up-fill': { component: PhCaretUp, weight: 'fill' },\n  'chat-centered-dots': { component: PhChatCenteredDots },\n  'check': { component: PhCheck },\n  'check-circle': { component: PhCheckCircle },\n  'clock': { component: PhClock },\n  'code': { component: PhCode },\n  'copy': { component: PhCopy },\n  'corners-in': { component: PhCornersIn },\n  'corners-out': { component: PhCornersOut },\n  'credit-card': { component: PhCreditCard },\n  'currency-eur': { component: PhCurrencyEur },\n  'diamonds-four': { component: PhDiamondsFour },\n  'dots-three': { component: PhDotsThree },\n  'dots-three-vertical': { component: PhDotsThreeVertical },\n  'download-simple': { component: PhDownloadSimple },\n  'ear': { component: PhEar },\n  'envelope': { component: PhEnvelope },\n  'envelope-open': { component: PhEnvelopeOpen },\n  'exclamation-mark': { component: PhExclamationMark },\n  'eye': { component: PhEye },\n  'eye-slash': { component: PhEyeSlash },\n  'facebook-logo': { component: PhFacebookLogo },\n  'figma-logo': { component: PhFigmaLogo },\n  'file-audio': { component: PhFileAudio },\n  'file-csv': { component: PhFileCsv },\n  'file-pdf': { component: PhFilePdf },\n  'file-ppt': { component: PhFilePpt },\n  'file-text': { component: PhFileText },\n  'file-txt': { component: PhFileTxt },\n  'file-video': { component: PhFileVideo },\n  'file-xls': { component: PhFileXls },\n  'file-zip': { component: PhFileZip },\n  'files': { component: PhFiles },\n  'flag': { component: PhFlag },\n  'folder': { component: PhFolder },\n  'funnel': { component: PhFunnel },\n  'gear': { component: PhGear },\n  'github-logo': { component: PhGithubLogo },\n  'hexagon': { component: PhHexagon },\n  'house': { component: PhHouse },\n  'house-fill': { component: PhHouse, weight: 'fill' },\n  'image': { component: PhImage },\n  'info': { component: PhInfo },\n  'instagram-logo': { component: PhInstagramLogo },\n  'key': { component: PhKey },\n  'link': { component: PhLink },\n  'linkedin-logo': { component: PhLinkedinLogo },\n  'list': { component: PhList },\n  'list-bullets': { component: PhListBullets },\n  'lock-key': { component: PhLockKey },\n  'magnifying-glass': { component: PhMagnifyingGlass },\n  'magnifying-glass-minus': { component: PhMagnifyingGlassMinus },\n  'magnifying-glass-plus': { component: PhMagnifyingGlassPlus },\n  'map-pin': { component: PhMapPin },\n  'map-pin-minus': { component: PhMapPinLine },\n  'map-pin-plus': { component: PhMapPinPlus },\n  'map-pin-simple': { component: PhMapPinSimple },\n  'mastodon-logo': { component: PhMastodonLogo },\n  'megaphone': { component: PhMegaphone },\n  'minus': { component: PhMinus },\n  'minus-circle': { component: PhMinusCircle },\n  'note': { component: PhNote },\n  'paperclip': { component: PhPaperclip },\n  'pencil-simple': { component: PhPencilSimple },\n  'pinterest-logo': { component: PhPinterestLogo },\n  'plugs': { component: PhPlugs },\n  'plus': { component: PhPlus },\n  'plus-circle': { component: PhPlusCircle },\n  'presentation-chart': { component: PhPresentationChart },\n  'printer': { component: PhPrinter },\n  'prohibit': { component: PhProhibit },\n  'push-pin': { component: PhPushPin },\n  'question': { component: PhQuestion },\n  'question-mark': { component: PhQuestionMark },\n  'reddit-logo': { component: PhRedditLogo },\n  'share-network': { component: PhShareNetwork },\n  'sign-out': { component: PhSignOut },\n  'slack-logo': { component: PhSlackLogo },\n  'snapchat-logo': { component: PhSnapchatLogo },\n  'star': { component: PhStar },\n  'star-fill': { component: PhStar, weight: 'fill' },\n  'tiktok-logo': { component: PhTiktokLogo },\n  'trash': { component: PhTrash },\n  'tray': { component: PhTray },\n  'trend-up': { component: PhTrendUp },\n  'upload-simple': { component: PhUploadSimple },\n  'user': { component: PhUser },\n  'user-fill': { component: PhUser, weight: 'fill' },\n  'user-circle': { component: PhUserCircle },\n  'video-camera': { component: PhVideoCamera },\n  'warning': { component: PhWarning },\n  'warning-circle': { component: PhWarningCircle },\n  'whatsapp-logo': { component: PhWhatsappLogo },\n  'wifi-high': { component: PhWifiHigh },\n  'wrench': { component: PhWrench },\n  'x': { component: PhX },\n  'x-circle': { component: PhXCircle },\n  'x-logo': { component: PhXLogo },\n  'youtube-logo': { component: PhYoutubeLogo },\n} as const satisfies Record<string, IconEntry>\n\nexport type PaIconName = keyof typeof iconRegistry\nexport type PaIconSize = 'sm' | 'md' | 'lg'\n\nconst SIZE_MAP: Record<PaIconSize, number> = { sm: 16, md: 20, lg: 24 }\nexport function pixelSizeFor(size: PaIconSize): number {\n  return SIZE_MAP[size]\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface PaIconProps {\n  name: PaIconName\n  size?: PaIconSize\n  title?: string\n}\n\nconst props = withDefaults(defineProps<PaIconProps>(), {\n  size: 'md',\n})\n\nconst entry = computed(() => iconRegistry[props.name])\nconst resolvedComponent = computed(() => entry.value.component)\nconst resolvedWeight = computed<PaIconWeight | undefined>(() =>\n  'weight' in entry.value ? entry.value.weight : undefined,\n)\nconst pixelSize = computed(() => pixelSizeFor(props.size))\nconst decorative = computed(() => props.title === undefined)\n</script>\n\n<template>\n  <component\n    :is=\"resolvedComponent\"\n    :weight=\"resolvedWeight\"\n    :size=\"pixelSize\"\n    :role=\"decorative ? undefined : 'img'\"\n    :aria-label=\"decorative ? undefined : title\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n  />\n</template>\n"],"names":["iconRegistry","PhArchive","PhArrowCircleDown","PhArrowCircleLeft","PhArrowCircleRight","PhArrowCircleUp","PhArrowClockwise","PhArrowCounterClockwise","PhArrowDown","PhArrowLeft","PhArrowRight","PhArrowSquareOut","PhArrowUp","PhArrowsCounterClockwise","PhArrowsOut","PhArrowsOutCardinal","PhBank","PhBehanceLogo","PhBell","PhBookmarkSimple","PhCalendarBlank","PhCamera","PhCaretDoubleLeft","PhCaretDoubleRight","PhCaretDown","PhCaretLeft","PhCaretRight","PhCaretUp","PhCaretUpDown","PhChatCenteredDots","PhCheck","PhCheckCircle","PhClock","PhCode","PhCopy","PhCornersIn","PhCornersOut","PhCreditCard","PhCurrencyEur","PhDiamondsFour","PhDotsThree","PhDotsThreeVertical","PhDownloadSimple","PhEar","PhEnvelope","PhEnvelopeOpen","PhExclamationMark","PhEye","PhEyeSlash","PhFacebookLogo","PhFigmaLogo","PhFileAudio","PhFileCsv","PhFilePdf","PhFilePpt","PhFileText","PhFileTxt","PhFileVideo","PhFileXls","PhFileZip","PhFiles","PhFlag","PhFolder","PhFunnel","PhGear","PhGithubLogo","PhHexagon","PhHouse","PhImage","PhInfo","PhInstagramLogo","PhKey","PhLink","PhLinkedinLogo","PhList","PhListBullets","PhLockKey","PhMagnifyingGlass","PhMagnifyingGlassMinus","PhMagnifyingGlassPlus","PhMapPin","PhMapPinLine","PhMapPinPlus","PhMapPinSimple","PhMastodonLogo","PhMegaphone","PhMinus","PhMinusCircle","PhNote","PhPaperclip","PhPencilSimple","PhPinterestLogo","PhPlugs","PhPlus","PhPlusCircle","PhPresentationChart","PhPrinter","PhProhibit","PhPushPin","PhQuestion","PhQuestionMark","PhRedditLogo","PhShareNetwork","PhSignOut","PhSlackLogo","PhSnapchatLogo","PhStar","PhTiktokLogo","PhTrash","PhTray","PhTrendUp","PhUploadSimple","PhUser","PhUserCircle","PhVideoCamera","PhWarning","PhWarningCircle","PhWhatsappLogo","PhWifiHigh","PhWrench","PhX","PhXCircle","PhXLogo","PhYoutubeLogo","SIZE_MAP","pixelSizeFor","size","props","__props","entry","computed","resolvedComponent","resolvedWeight","pixelSize","decorative","_openBlock","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/dist/components/PaIcon/PaIcon.vue2.js

@@ -0,0 +1,8 @@
+import r from "./PaIcon.vue.js";
+import { iconRegistry as t, pixelSizeFor as f } from "./PaIcon.vue.js";
+export {
+  r as default,
+  t as iconRegistry,
+  f as pixelSizeFor
+};
+//# sourceMappingURL=PaIcon.vue2.js.map

package/dist/components/PaIcon/PaIcon.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaIcon.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/PaIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as PaIcon } from './PaIcon.vue';
+export type { PaIconProps, PaIconName, PaIconSize } from './PaIcon.vue';

package/dist/components/PaIcon/index.js

@@ -0,0 +1,6 @@
+import { default as f, default as o } from "./PaIcon.vue.js";
+export {
+  f as PaIcon,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/PaIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PaImage/PaImage.vue.d.ts

@@ -0,0 +1,10 @@
+export type PaImageRatio = '1:1' | '4:3' | '16:9' | '3:2' | '2:3' | '3:4' | '9:16';
+export interface PaImageProps {
+    src?: string;
+    alt: string;
+    ratio?: PaImageRatio;
+    ratioCustom?: string;
+}
+export declare function ratioToCssAspect(input: PaImageRatio | string | undefined): string;
+declare const _default: import("vue").DefineComponent<PaImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/PaImage/PaImage.vue.js

@@ -0,0 +1,10 @@
+import o from "./PaImage.vue2.js";
+import { ratioToCssAspect as c } from "./PaImage.vue2.js";
+/* empty css             */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c135eaeb"]]);
+export {
+  m as default,
+  c as ratioToCssAspect
+};
+//# sourceMappingURL=PaImage.vue.js.map

package/dist/components/PaImage/PaImage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaImage.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/PaImage/PaImage.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as s, inject as l, computed as r, openBlock as i, createElementBlock as m, normalizeStyle as u, normalizeClass as d, createBlock as f, createCommentVNode as g } from "vue";
+import v from "../PaIcon/PaIcon.vue.js";
+import { PaImageGridKey as p } from "./gridKey.js";
+const k = ["role", "aria-label"], y = /^\s*(\d+)\s*:\s*(\d+)\s*$/;
+function o(a) {
+  if (!a) return "1 / 1";
+  const e = y.exec(a);
+  return e ? `${e[1]} / ${e[2]}` : (console.warn(`[PaImage] invalid ratio "${a}" — falling back to 1:1`), "1 / 1");
+}
+const P = /* @__PURE__ */ s({
+  __name: "PaImage",
+  props: {
+    src: {},
+    alt: {},
+    ratio: {},
+    ratioCustom: {}
+  },
+  setup(a) {
+    const e = a, t = l(p, null), c = r(() => e.ratioCustom ? o(e.ratioCustom) : e.ratio ? o(e.ratio) : t != null && t.ratio.value ? o(t.ratio.value) : "1 / 1"), n = r(
+      () => e.src ? `url(${e.src})` : void 0
+    );
+    return (C, I) => (i(), m("div", {
+      class: d(["pa-image", { "pa-image--empty": !a.src }]),
+      role: a.alt ? "img" : void 0,
+      "aria-label": a.alt || void 0,
+      style: u({
+        backgroundImage: n.value,
+        aspectRatio: c.value
+      })
+    }, [
+      a.src ? g("", !0) : (i(), f(v, {
+        key: 0,
+        name: "image",
+        size: "lg",
+        class: "pa-image__empty-icon"
+      }))
+    ], 14, k));
+  }
+});
+export {
+  P as default,
+  o as ratioToCssAspect
+};
+//# sourceMappingURL=PaImage.vue2.js.map

package/dist/components/PaImage/PaImage.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaImage.vue2.js","sources":["../../../src/components/PaImage/PaImage.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type PaImageRatio =\n  | '1:1'\n  | '4:3'\n  | '16:9'\n  | '3:2'\n  | '2:3'\n  | '3:4'\n  | '9:16'\n\nexport interface PaImageProps {\n  src?: string\n  alt: string\n  ratio?: PaImageRatio\n  ratioCustom?: string\n}\n\nconst RATIO_PATTERN = /^\\s*(\\d+)\\s*:\\s*(\\d+)\\s*$/\n\nexport function ratioToCssAspect(input: PaImageRatio | string | undefined): string {\n  if (!input) return '1 / 1'\n  const match = RATIO_PATTERN.exec(input)\n  if (!match) {\n    console.warn(`[PaImage] invalid ratio \"${input}\" — falling back to 1:1`)\n    return '1 / 1'\n  }\n  return `${match[1]} / ${match[2]}`\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\nimport { PaImageGridKey } from './gridKey'\n\nconst props = defineProps<PaImageProps>()\n\nconst grid = inject(PaImageGridKey, null)\n\nconst resolvedRatio = computed(() => {\n  if (props.ratioCustom) return ratioToCssAspect(props.ratioCustom)\n  if (props.ratio) return ratioToCssAspect(props.ratio)\n  if (grid?.ratio.value) return ratioToCssAspect(grid.ratio.value)\n  return '1 / 1'\n})\n\nconst backgroundImageStyle = computed(() =>\n  props.src ? `url(${props.src})` : undefined,\n)\n</script>\n\n<template>\n  <div\n    :class=\"['pa-image', { 'pa-image--empty': !src }]\"\n    :role=\"alt ? 'img' : undefined\"\n    :aria-label=\"alt || undefined\"\n    :style=\"{\n      backgroundImage: backgroundImageStyle,\n      aspectRatio: resolvedRatio,\n    }\"\n  >\n    <PaIcon\n      v-if=\"!src\"\n      name=\"image\"\n      size=\"lg\"\n      class=\"pa-image__empty-icon\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.pa-image {\n  width: 100%;\n  background-color: var(--pa-color-bg-disabled-gray);\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  overflow: hidden;\n}\n\n.pa-image--empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-image__empty-icon {\n  color: inherit;\n}\n</style>\n"],"names":["RATIO_PATTERN","ratioToCssAspect","input","match","props","__props","grid","inject","PaImageGridKey","resolvedRatio","computed","backgroundImageStyle","_createElementBlock","_normalizeStyle","_createBlock","PaIcon"],"mappings":";;;kCAiBMA,IAAgB;AAEf,SAASC,EAAiBC,GAAkD;AACjF,MAAI,CAACA,EAAO,QAAO;AACnB,QAAMC,IAAQH,EAAc,KAAKE,CAAK;AACtC,SAAKC,IAIE,GAAGA,EAAM,CAAC,CAAC,MAAMA,EAAM,CAAC,CAAC,MAH9B,QAAQ,KAAK,4BAA4BD,CAAK,yBAAyB,GAChE;AAGX;;;;;;;;;;AAQA,UAAME,IAAQC,GAERC,IAAOC,EAAOC,GAAgB,IAAI,GAElCC,IAAgBC,EAAS,MACzBN,EAAM,cAAoBH,EAAiBG,EAAM,WAAW,IAC5DA,EAAM,QAAcH,EAAiBG,EAAM,KAAK,IAChDE,KAAA,QAAAA,EAAM,MAAM,QAAcL,EAAiBK,EAAK,MAAM,KAAK,IACxD,OACR,GAEKK,IAAuBD;AAAA,MAAS,MACpCN,EAAM,MAAM,OAAOA,EAAM,GAAG,MAAM;AAAA,IAAA;2BAKlCQ,EAeM,OAAA;AAAA,MAdH,4CAA0CP,EAAA,IAAA,CAAG,CAAA;AAAA,MAC7C,MAAMA,EAAA,MAAG,QAAW;AAAA,MACpB,cAAYA,EAAA,OAAO;AAAA,MACnB,OAAKQ,EAAA;AAAA,yBAA2BF,EAAA;AAAA,qBAAyCF,EAAA;AAAA,MAAA;;MAMjEJ,EAAA,wBADTS,EAKEC,GAAA;AAAA;QAHA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAM;AAAA,MAAA;;;;"}

package/dist/components/PaImage/gridKey.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { PaImageRatio } from './PaImage.vue';
+export interface PaImageGridContext {
+    ratio: Ref<PaImageRatio | undefined>;
+}
+export declare const PaImageGridKey: InjectionKey<PaImageGridContext>;

package/dist/components/PaImage/gridKey.js

@@ -0,0 +1,5 @@
+const e = Symbol("PaImageGridKey");
+export {
+  e as PaImageGridKey
+};
+//# sourceMappingURL=gridKey.js.map

package/dist/components/PaImage/gridKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridKey.js","sources":["../../../src/components/PaImage/gridKey.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { PaImageRatio } from './PaImage.vue'\n\nexport interface PaImageGridContext {\n  ratio: Ref<PaImageRatio | undefined>\n}\n\nexport const PaImageGridKey: InjectionKey<PaImageGridContext> =\n  Symbol('PaImageGridKey')\n"],"names":["PaImageGridKey"],"mappings":"AAOO,MAAMA,IACX,OAAO,gBAAgB;"}

package/dist/components/PaImage/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as PaImage } from './PaImage.vue';
+export type { PaImageProps, PaImageRatio } from './PaImage.vue';

package/dist/components/PaImage/index.js

@@ -0,0 +1,6 @@
+import { default as f, default as t } from "./PaImage.vue.js";
+export {
+  f as PaImage,
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/PaImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PaImageGrid/PaImageGrid.vue.d.ts

@@ -0,0 +1,18 @@
+import type { PaImageRatio } from '../PaImage/PaImage.vue';
+export interface PaImageGridProps {
+    columns?: number;
+    ratio?: PaImageRatio;
+    gap?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaImageGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaImageGridProps> & Readonly<{}>, {
+    columns: number;
+    gap: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaImageGrid/PaImageGrid.vue.js

@@ -0,0 +1,8 @@
+import o from "./PaImageGrid.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-904325e0"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=PaImageGrid.vue.js.map

package/dist/components/PaImageGrid/PaImageGrid.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaImageGrid.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/PaImageGrid/PaImageGrid.vue2.js

@@ -0,0 +1,28 @@
+import { defineComponent as r, provide as o, toRef as l, openBlock as m, createElementBlock as i, normalizeStyle as n, renderSlot as p } from "vue";
+import { PaImageGridKey as s } from "../PaImage/gridKey.js";
+const f = /* @__PURE__ */ r({
+  __name: "PaImageGrid",
+  props: {
+    columns: { default: 3 },
+    ratio: {},
+    gap: { default: "var(--pa-space-sm)" }
+  },
+  setup(e) {
+    const a = e;
+    return o(s, {
+      ratio: l(() => a.ratio)
+    }), (t, d) => (m(), i("div", {
+      class: "pa-image-grid",
+      style: n({
+        gridTemplateColumns: `repeat(${e.columns}, 1fr)`,
+        gap: e.gap
+      })
+    }, [
+      p(t.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+});
+export {
+  f as default
+};
+//# sourceMappingURL=PaImageGrid.vue2.js.map

package/dist/components/PaImageGrid/PaImageGrid.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaImageGrid.vue2.js","sources":["../../../src/components/PaImageGrid/PaImageGrid.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PaImageRatio } from '../PaImage/PaImage.vue'\n\nexport interface PaImageGridProps {\n  columns?: number\n  ratio?: PaImageRatio\n  gap?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { provide, toRef } from 'vue'\nimport { PaImageGridKey } from '../PaImage/gridKey'\n\nconst props = withDefaults(defineProps<PaImageGridProps>(), {\n  columns: 3,\n  gap: 'var(--pa-space-sm)',\n})\n\nprovide(PaImageGridKey, {\n  ratio: toRef(() => props.ratio),\n})\n</script>\n\n<template>\n  <div\n    class=\"pa-image-grid\"\n    :style=\"{\n      gridTemplateColumns: `repeat(${columns}, 1fr)`,\n      gap,\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.pa-image-grid {\n  display: grid;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","provide","PaImageGridKey","toRef","_createElementBlock","_normalizeStyle","_renderSlot","_ctx"],"mappings":";;;;;;;;;;AAcA,UAAMA,IAAQC;AAKd,WAAAC,EAAQC,GAAgB;AAAA,MACtB,OAAOC,EAAM,MAAMJ,EAAM,KAAK;AAAA,IAAA,CAC/B,mBAICK,EAQM,OAAA;AAAA,MAPJ,OAAM;AAAA,MACL,OAAKC,EAAA;AAAA,uCAAyCL,EAAA,OAAO;AAAA,aAAgBA,EAAA;AAAA,MAAA;;MAKtEM,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA;;;"}

package/dist/components/PaImageGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as PaImageGrid } from './PaImageGrid.vue';
+export type { PaImageGridProps } from './PaImageGrid.vue';

package/dist/components/PaImageGrid/index.js

@@ -0,0 +1,6 @@
+import { default as d, default as f } from "./PaImageGrid.vue.js";
+export {
+  d as PaImageGrid,
+  f as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/PaImageGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PaInput/PaInput.vue.d.ts

@@ -0,0 +1,54 @@
+export type PaInputSize = 'sm' | 'lg';
+export type PaInputType = 'text' | 'email' | 'tel' | 'url' | 'password' | 'number' | 'date';
+export interface PaInputProps {
+    type?: PaInputType;
+    size?: PaInputSize;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    id?: string;
+    helperText?: string;
+    error?: string | boolean;
+    valid?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    min?: string | number;
+    max?: string | number;
+    step?: string | number;
+    name?: string;
+    autocomplete?: string;
+    maxlength?: number;
+    minlength?: number;
+}
+export declare function nextPaInputId(): string;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaInputProps & {
+    modelValue?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    clear: () => any;
+}, string, import("vue").PublicProps, Readonly<PaInputProps & {
+    modelValue?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    error: string | boolean;
+    size: PaInputSize;
+    disabled: boolean;
+    type: PaInputType;
+    valid: boolean;
+    required: boolean;
+    readonly: boolean;
+    clearable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    'icon-prefix'?: (props: {}) => any;
+} & {
+    'icon-suffix'?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaInput/PaInput.vue.js

@@ -0,0 +1,10 @@
+import t from "./PaInput.vue2.js";
+import { nextPaInputId as _ } from "./PaInput.vue2.js";
+/* empty css             */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ac140ea6"]]);
+export {
+  e as default,
+  _ as nextPaInputId
+};
+//# sourceMappingURL=PaInput.vue.js.map

package/dist/components/PaInput/PaInput.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}