@adaptive-sm/astro-ui 0.1.1 → 0.3.0

package/lib/link/LinkText.astro

@@ -1,23 +1,26 @@
 ---
-import { classMerge } from "~/utils/ui/classMerge"
+import type { HTMLAttributes } from "astro/types"
+import { classMerge } from "~ui/utils/classMerge"
 
 interface Props {
   title?: string
   href: string
   newTab?: boolean
   class?: string
+  restProps?: HTMLAttributes<"a">
 }
-const props = Astro.props
-const title = props.title
-const href = props.href
-const newTab = props.newTab
+const p = Astro.props
+const title = p.title
+const href = p.href
+const newTab = p.newTab
 ---
 
 <a
   href={href}
-  class={classMerge("text-blue-500 no-underline hover:underline", props.class)}
+  class={classMerge("text-blue-500 no-underline hover:underline", p.class)}
   target={newTab ? "_blank" : undefined}
   title={title}
+  {...p.restProps}
 >
-  <slot/>
+  <slot />
 </a>

package/lib/link/classesTextLink.ts

@@ -1,4 +1,4 @@
-import { classArr } from "../utils/ui/classArr"
+import { classArr } from "../utils/classArr"
 
 export const classesTextLink = classArr(
   "text-blue-600 hover:text-black", // light

package/lib/list/BlackBulletPoint.astro

@@ -1,5 +1,5 @@
 ---
-import { classMerge } from "~/utils/ui/classMerge"
+import { classMerge } from "~ui/utils/classMerge"
 
 interface Props {
   class?: string

package/lib/list/BlackBulletPoints.astro

@@ -1,8 +1,8 @@
 ---
 import { mdiCircle } from "@mdi/js"
-import { classMerge } from "~/utils/ui/classMerge"
+import Icon from "~ui/icon/Icon.astro"
+import { classMerge } from "~ui/utils/classMerge"
 import TextOrLink from "./TextOrLink.astro"
-import Icon1 from "~/icon/Icon1.astro"
 
 interface Props {
   points: string[] | Readonly<string[]>
@@ -10,14 +10,14 @@ interface Props {
   classText?: string
   classBullet?: string
 }
-const props = Astro.props
+const p = Astro.props
 ---
 
 {
-  props.points.map((p) => (
-    <div class={classMerge("flex flex-row flex-nowrap", props.class)}>
-      <Icon1 path={mdiCircle} class={classMerge("w-1.5 h-1.5 mt-3 mx-1.5 shrink-0", props.classBullet)} />
-      <TextOrLink text={p} class={props.classText} />
+  p.points.map((point) => (
+    <div class={classMerge("flex gap-1", p.class)}>
+      <Icon path={mdiCircle} class={classMerge("size-1.5 mt-2.5 shrink-0", p.classBullet)} />
+      <TextOrLink text={point} class={p.classText} />
     </div>
   ))
 }

package/lib/list/CheckPoint.astro

@@ -1,8 +1,8 @@
 ---
 import { mdiCheck } from "@mdi/js"
-import { classMerge } from "~/utils/ui/classMerge"
+import { classMerge } from "~ui/utils/classMerge"
 import TextOrLink from "./TextOrLink.astro"
-import Icon1 from "~/icon/Icon1.astro"
+import Icon from "~ui/icon/Icon.astro"
 
 interface Props {
   point: string
@@ -14,7 +14,7 @@ const p = Astro.props
 ---
 
 <div class={classMerge("flex flex-row flex-nowrap", p.class)}>
-  <Icon1 path={mdiCheck} class={classMerge("fill-green-600 dark:fill-green-600 mr-1 flex-none", p.classBullet)} />
+  <Icon path={mdiCheck} class={classMerge("fill-green-600 dark:fill-green-600 mr-1 flex-none", p.classBullet)} />
   <TextOrLink text={p.point} class={p.classText} />
   <slot />
 </div>

package/lib/list/CheckPoints.astro

@@ -1,7 +1,7 @@
 ---
 import { mdiCheck } from "@mdi/js"
-import { classMerge } from "~/utils/ui/classMerge"
-import Icon1 from "~/icon/Icon1.astro"
+import { classMerge } from "~ui/utils/classMerge"
+import Icon from "~ui/icon/Icon.astro"
 import TextOrLink from "./TextOrLink.astro"
 
 interface Props {
@@ -16,7 +16,7 @@ const props = Astro.props
 {
   props.points.map((p) => (
     <div class={classMerge("flex flex-row flex-nowrap", props.class)}>
-      <Icon1 path={mdiCheck} class={classMerge("fill-green-600 dark:fill-green-600 mr-1 flex-none", props.classBullet)} />
+      <Icon path={mdiCheck} class={classMerge("fill-green-600 dark:fill-green-600 mr-1 flex-none", props.classBullet)} />
       <TextOrLink text={p} class={props.classText} />
     </div>
   ))

package/lib/list/NumberedList.astro

@@ -1,5 +1,5 @@
 ---
-import { classMerge } from "~/utils/ui/classMerge"
+import { classMerge } from "~ui/utils/classMerge"
 
 interface Props {
   points: string[] | Readonly<string[]>

package/lib/list/Ps.astro

@@ -1,12 +1,15 @@
 ---
-interface Props {
-  lines: string[] | Readonly<string[]>
+import type { MayHaveClass } from "~ui/utils/MayHaveClass"
+
+interface Props extends MayHaveClass {
+  text?: string
+  lines?: string[]
   class?: string
 }
-const props = Astro.props
-const lines = props.lines
+const p = Astro.props
+const lines = p.lines ?? (p.text ? p.text.split("\n") : [])
 ---
 
 <>
-  {lines.map((line) => <p class={props.class}>{line}</p>)}
+  {lines.map((line) => <p class={p.class}>{line}</p>)}
 </>

package/lib/list/TextOrLink.astro

@@ -1,6 +1,6 @@
 ---
-import LinkText from "~/link/LinkText.astro"
-import { classMerge } from "~/utils/ui/classMerge"
+import LinkText from "~ui/link/LinkText.astro"
+import { classMerge } from "~ui/utils/classMerge"
 
 interface Props {
   text: string
@@ -10,10 +10,4 @@ const props = Astro.props
 const text = props.text
 ---
 
-{
-  text.startsWith("http") ? (
-    <LinkText href={text}>{text}</LinkText>
-  ) : (
-    <p class={classMerge("leading-relaxed", props.class)}>{text}</p>
-  )
-}
+{text.startsWith("http") ? <LinkText href={text}>{text}</LinkText> : <p class={classMerge(props.class)}>{text}</p>}

package/lib/md/MarkdownDiv.astro

@@ -0,0 +1,18 @@
+---
+import { classArr } from "~ui/utils/classArr"
+
+import type { HTMLAttributes } from "astro/types"
+import "./markdown.css"
+
+interface Props {
+  id?: string
+  class?: string
+  restProps?: HTMLAttributes<"div">
+}
+
+const p = Astro.props
+---
+
+<div id={p.id} class={classArr("markdown-body", p.class)} {...p.restProps}>
+  <slot />
+</div>

package/lib/modal/Modal.astro

@@ -1,9 +1,9 @@
 ---
 import "./Modal.module.css"
-import { classesTextHeader } from "~/text/classesTextHeader"
-import { classMerge } from "~/utils/ui/classMerge"
-import { buttonVariant } from "~/button/buttonCva"
-import Button from "~/button/Button.astro"
+import { classesTextHeader } from "~ui/text/classesTextHeader"
+import { classMerge } from "~ui/utils/classMerge"
+import { buttonVariant } from "~ui/button/buttonCva"
+import Button from "~ui/button/Button.astro"
 
 /**
  * https://github.com/markteekman/accessible-astro-components/blob/main/Modal.astro

package/lib/modal/ModalButton.astro

@@ -1,10 +1,9 @@
 ---
-import { generateId5 } from "~/utils/ran/generateId5"
-import type { ButtonSize, ButtonVariant } from "~/button/buttonCva"
+import type { ButtonSize, ButtonVariant } from "~ui/button/buttonCva"
 import Modal from "./Modal.astro"
-import { classesTextGray } from "~/text/classesTextGray"
-import { classArr } from "~/utils/ui/classArr"
-import Button from "~/button/Button.astro"
+import { classesTextGray } from "~ui/text/classesTextGray"
+import { classArr } from "~ui/utils/classArr"
+import Button from "~ui/button/Button.astro"
 
 interface Props {
   button: {
@@ -22,11 +21,25 @@ interface Props {
   class?: string
   classContentArea?: string
 }
-const props = Astro.props
-const id = props.id ?? `modal-id-${generateId5()}`
-const button = props.button
-const title = props.title ?? "Dialog Title"
-const classContentArea = props.classContentArea
+const p = Astro.props
+
+/**
+ * Generates a random alphanumeric string ID
+ *
+ * Uses Math.random() converted to base-36 to create a string of letters and numbers.
+ * The substring(2, 11) removes the "0." prefix and takes 9 characters for a good balance
+ * of uniqueness and brevity (approximately 10^36 possible combinations).
+ *
+ * @returns {string} A 9-character random alphanumeric string
+ */
+function generateRandomId(): string {
+  return Math.random().toString(36).substring(2, 11)
+}
+
+const id = p.id ?? `modal-id-${generateRandomId()}`
+const button = p.button
+const title = p.title ?? "Dialog Title"
+const classContentArea = p.classContentArea
 ---
 
 <Button id={id} {...button} />
@@ -34,7 +47,7 @@ const classContentArea = props.classContentArea
   triggerId={id}
   title={title}
   titleClass={classArr(classesTextGray, "text-xl", "mb-2")}
-  class={props.class}
+  class={p.class}
   classContentArea={classContentArea}
 >
   <slot />

package/lib/page/PageCentered.astro

@@ -1,14 +1,16 @@
 ---
-import { classMerge } from "~/utils/ui/classMerge"
+import { classMerge } from "~ui/utils/classMerge"
 import { classesPageCentered } from "./classesPageCentered"
+import type { HTMLAttributes } from "astro/types"
 
 interface Props {
-  id?:string
+  id?: string
   class?: string
+  restProps?: HTMLAttributes<"div">
 }
 const p = Astro.props
 ---
 
-<div id={p.id} class={classMerge(classesPageCentered, p.class)}>
+<div id={p.id} class={classMerge(classesPageCentered, p.class)} {...p.restProps}>
   <slot />
 </div>

package/lib/page/PageCenteredCard.astro

@@ -1,17 +1,19 @@
 ---
-import { classMerge } from "~/utils/ui/classMerge"
+import type { HTMLAttributes } from "astro/types"
+import { classesCardWrapperPage } from "~ui/card/classesCardWrapper"
+import { classMerge } from "~ui/utils/classMerge"
 import PageCentered from "./PageCentered.astro"
-import { classesCardWrapperPage } from "~/card/classesCardWrapper"
 
 interface Props {
   class?: string
   classInner?: string
+  restProps?: HTMLAttributes<"div">
 }
-const props = Astro.props
+const p = Astro.props
 ---
 
-<PageCentered class={props.class}>
-  <div class={classMerge(classesCardWrapperPage, props.classInner)}>
+<PageCentered class={p.class} restProps={p.restProps}>
+  <div class={classMerge(classesCardWrapperPage, p.classInner)}>
     <slot />
   </div>
 </PageCentered>

package/lib/page/{classesBg.ts → classesBg100.ts}

@@ -1,6 +1,6 @@
-export type ClassesBg = keyof typeof classesBg
+export type ClassesBg = keyof typeof classesBg100
 
-export const classesBg = {
+export const classesBg100 = {
   white: "bg-white dark:bg-black",
   orange: "bg-orange-100 dark:bg-yellow-900",
   red: "bg-red-100 dark:bg-red-900",

package/lib/page/classesBg50.ts

@@ -0,0 +1,27 @@
+export type ClassesBg = keyof typeof classesBg50
+
+export const classesBg50 = {
+  white: "bg-white dark:bg-black",
+  orange: "bg-orange-50 dark:bg-yellow-950",
+  red: "bg-red-50 dark:bg-red-950",
+  amber: "bg-amber-50 dark:bg-amber-950",
+  yellow: "bg-yellow-50 dark:bg-yellow-950",
+  lime: "bg-lime-50 dark:bg-lime-950",
+  green: "bg-green-50 dark:bg-green-950",
+  emerald: "bg-emerald-50 dark:bg-emerald-950",
+  teal: "bg-teal-50 dark:bg-teal-950",
+  cyan: "bg-cyan-50 dark:bg-cyan-950",
+  sky: "bg-sky-50 dark:bg-sky-950",
+  blue: "bg-blue-50 dark:bg-blue-950",
+  indigo: "bg-indigo-50 dark:bg-indigo-950",
+  violet: "bg-violet-50 dark:bg-violet-950",
+  purple: "bg-purple-50 dark:bg-purple-950",
+  fuchsia: "bg-fuchsia-50 dark:bg-fuchsia-950",
+  pink: "bg-pink-50 dark:bg-pink-950",
+  rose: "bg-rose-50 dark:bg-rose-950",
+  slate: "bg-slate-50 dark:bg-slate-950",
+  gray: "bg-gray-50 dark:bg-gray-950",
+  zinc: "bg-zinc-50 dark:bg-zinc-950",
+  neutral: "bg-neutral-50 dark:bg-neutral-950",
+  stone: "bg-stone-50 dark:bg-stone-950",
+} as const

package/lib/page/classesPageCentered.ts

@@ -1,4 +1,4 @@
-import { classArr } from "~/utils/ui/classArr"
+import { classArr } from "~ui/utils/classArr"
 
 export const classesPageCentered = classArr(
   "flex flex-col justify-center items-center my-auto", // align center

package/lib/popover/Popover1.astro

@@ -1,7 +1,7 @@
 ---
-import Icon1 from "~/icon/Icon1.astro"
-import { buttonVariant, type ButtonVariant, buttonCva2 } from "~/button/buttonCva"
-import { classArr } from "~/utils/ui/classArr"
+import Icon from "~ui/icon/Icon.astro"
+import { buttonVariant, type ButtonVariant, buttonCva2 } from "~ui/button/buttonCva"
+import { classArr } from "~ui/utils/classArr"
 import { setupPopoverListeners } from "./setupPopoverListeners"
 
 interface Props {
@@ -23,7 +23,7 @@ const summaryClasses = buttonCva2(variant, null, "flex flex-wrap gap-2 text-xl f
   )}
 >
   <summary class={summaryClasses}>
-    <Icon1 path={icon} />
+    <Icon path={icon} />
     {title}
   </summary>
   <div

package/lib/select/Select.astro

@@ -1,18 +1,21 @@
 ---
-import { classArr } from "~/utils/ui/classArr"
+import type { HTMLAttributes } from "astro/types"
+import { classArr } from "~ui/utils/classArr"
+import type { MayHaveClass } from "~ui/utils/MayHaveClass"
+import type { MayHaveId } from "~ui/utils/MayHaveId"
 
 type ValueDisplayFn = (value: string) => string
 
-type NativeSingleSelectProps = {
+export interface Props extends MayHaveId, MayHaveClass {
   initialValue: string
   options: string[]
   optionClass?: string
   valueDisplay?: ValueDisplayFn
   id?: string
   class?: string
+  restProps?: HTMLAttributes<"select">
 }
-
-const props = Astro.props as NativeSingleSelectProps
+const p = Astro.props
 
 const getDisplayValue = (itemValue: string, valueDisplay?: ValueDisplayFn) => {
   if (!valueDisplay) return itemValue
@@ -23,7 +26,7 @@ const getDisplayValue = (itemValue: string, valueDisplay?: ValueDisplayFn) => {
 ---
 
 <select
-  id={props.id}
+  id={p.id}
   class={classArr(
     "block w-full p-2.5",
     "text-gray-900 dark:text-white text-sm",
@@ -31,14 +34,15 @@ const getDisplayValue = (itemValue: string, valueDisplay?: ValueDisplayFn) => {
     "bg-gray-50 dark:bg-gray-700",
     "rounded-lg border border-gray-300 dark:border-gray-600",
     "focus:ring-blue-500 focus:border-blue-500 dark:focus:border-blue-500 dark:focus:ring-blue-500",
-    props.class,
+    p.class,
   )}
-  value={props.initialValue}
+  value={p.initialValue}
+  {...p.restProps}
 >
   {
-    props.options.map((option: string) => (
-      <option value={option} class={props.optionClass}>
-        {getDisplayValue(option, props.valueDisplay)}
+    p.options.map((option: string) => (
+      <option value={option} class={p.optionClass} selected={option === p.initialValue}>
+        {getDisplayValue(option, p.valueDisplay)}
       </option>
     ))
   }

package/lib/table/Table.astro

@@ -2,8 +2,8 @@
 import type { DesktopTableClassses } from "./DesktopTableClassses"
 import type { MobileTableClassses } from "./MobileTableClassses"
 import { tableVisibilityClasses } from "./tableVisibilityClasses"
-import { classMerge } from "~/utils/ui/classMerge"
-import { type TailwindBreakpoint, tailwindBreakpoint } from "~/utils/ui/tailwindBreakpoint"
+import { classMerge } from "~ui/utils/classMerge"
+import { type TailwindBreakpoint, tailwindBreakpoint } from "~ui/utils/tailwindBreakpoint"
 import type { TableColumnDef } from "./TableColumnDef"
 import TableD from "./TableD.astro"
 import TableM from "./TableM.astro"

package/lib/table/TableD.astro

@@ -1,8 +1,8 @@
 ---
 import { type DesktopTableClassses } from "./DesktopTableClassses"
 import { sharedTableRowClasses } from "./sharedTableRowClasses"
-// import { t4table } from "~/ui_tables/table3/t4table"
-import { classMerge } from "~/utils/ui/classMerge"
+// import { t4table } from "~ui/ui_tables/table3/t4table"
+import { classMerge } from "~ui/utils/classMerge"
 import { type TableColumnDef } from "./TableColumnDef"
 
 interface Props {

package/lib/table/TableM.astro

@@ -1,8 +1,8 @@
 ---
-import { classMerge } from "~/utils/ui/classMerge"
+import { classMerge } from "~ui/utils/classMerge"
 import { type TableColumnDef } from "./TableColumnDef"
 import TableMEntry from "./TableMEntry.astro"
-import type { MobileTableClassses } from "~/table/MobileTableClassses"
+import type { MobileTableClassses } from "~ui/table/MobileTableClassses"
 
 interface Props {
   rows: string[]

package/lib/table/TableMEntry.astro

@@ -1,7 +1,7 @@
 ---
-import { classMerge } from "~/utils/ui/classMerge"
+import { classMerge } from "~ui/utils/classMerge"
 import { type TableColumnDef } from "./TableColumnDef"
-import type { MobileTableClassses } from "~/table/MobileTableClassses"
+import type { MobileTableClassses } from "~ui/table/MobileTableClassses"
 
 interface Props {
   row: string

package/lib/table/tableVisibilityClasses.ts

@@ -1,6 +1,6 @@
-import { classMerge } from "~/utils/ui/classMerge"
-import type { TailwindBreakpoint } from "~/utils/ui/tailwindBreakpoint"
-import { tailwindBreakpoint } from "~/utils/ui/tailwindBreakpoint"
+import { classMerge } from "~ui/utils/classMerge"
+import type { TailwindBreakpoint } from "~ui/utils/tailwindBreakpoint"
+import { tailwindBreakpoint } from "~ui/utils/tailwindBreakpoint"
 
 function tableDesktopclass(b: TailwindBreakpoint) {
   const tb = tailwindBreakpoint

package/lib/utils/HasId.ts

@@ -0,0 +1,3 @@
+export interface HasId {
+  id: string
+}

package/lib/utils/HasSubtitle.ts

@@ -0,0 +1,4 @@
+export interface HasSubtitle {
+  subtitle: string
+  subtitleClass?: string
+}

package/lib/utils/HasTitle.ts

@@ -0,0 +1,4 @@
+export interface HasTitle {
+  title: string
+  titleClass?: string
+}

package/lib/utils/MayHaveButtonVariant.ts

@@ -0,0 +1,5 @@
+import type { ButtonVariant } from "~ui/button/buttonCva"
+
+export interface MayHaveButtonVariant {
+  variant?: ButtonVariant
+}

package/lib/utils/MayHaveClass.ts

@@ -0,0 +1,3 @@
+export interface MayHaveClass {
+  class?: string
+}

package/lib/utils/MayHaveIcon.ts

@@ -0,0 +1,4 @@
+export interface MayHaveIcon {
+  icon?: string
+  iconClass?: string
+}

package/lib/utils/MayHaveId.ts

@@ -0,0 +1,3 @@
+export interface MayHaveId {
+  id?: string
+}

package/lib/utils/MayHaveInnerClass.ts

@@ -0,0 +1,3 @@
+export interface MayHaveInnerClass {
+  innerClass?: string
+}

package/lib/utils/MayHaveSubtitle.ts

@@ -0,0 +1,4 @@
+export interface MayHaveSubtitle {
+  subtitle?: string
+  subtitleClass?: string
+}

package/lib/utils/MayHaveTitle.ts

@@ -0,0 +1,4 @@
+export interface MayHaveTitle {
+  title?: string
+  titleClass?: string
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptive-sm/astro-ui",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "scripts": {
     "astro": "astro",
     "dev": "nice -5 astro dev",
@@ -9,33 +9,35 @@
     "deploy": "bun run build && bun run upload && bun run tag",
     "upload": "bun run wrangler pages deploy ./dist --project-name=adaptive-astro-ui --commit-dirty",
     "tag": "git branch -f deployed",
-    "generateDemoList": "bun run ./src/pages/demos/generateDemoList.cli.ts",
+    "release": "bash ./ops/release.sh",
+    "generateDemoList": "bun run ./src/demos/generateDemoList.cli.ts",
     "generateImageList": "bun run ./src/pages/images/generateImageList.cli.ts",
     "generateAiRulesLib": "bash ./lib/generate_ai_rules/generate_agent_rules_1_lib.bash",
     "update": "nice -15 bun x npm-check-updates -u && bun i",
-    "update:commit": "bun x npm-check-updates -u && bun i && git add package.json && bun run tsc && git commit -m \"update dependencies\" && git push",
+    "update:commit": "bun x npm-check-updates -u && bun i && git add package.json && bun run tsc && git commit -m \"chore(deps): update dependencies\" && git push",
     "clean": "rm -rf ./dist",
     "reset": "rm -rf ./node_modules"
   },
   "devDependencies": {
-    "@astrojs/check": "^0.9.4",
-    "@biomejs/biome": "^2.2.4",
+    "@adaptive-sm/utils": "^0.5.0",
+    "@astrojs/check": "^0.9.5",
+    "@biomejs/biome": "^2.3.6",
     "@mdi/js": "^7.4.47",
-    "@tailwindcss/vite": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.17",
     "@types/bun": "latest",
-    "astro": "^5.13.9",
-    "dayjs": "^1.11.18",
+    "astro": "^5.15.9",
+    "dayjs": "^1.11.19",
     "image-size": "^2.0.2",
     "prettier": "^3.6.2",
     "prettier-plugin-astro": "^0.14.1",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "remark-toc": "^9.0.0",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.13",
-    "typescript": "^5.9.2",
-    "wrangler": "^4.38.0"
+    "rollup-plugin-visualizer": "^6.0.5",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.17",
+    "typescript": "^5.9.3",
+    "wrangler": "^4.49.0"
   },
   "prettier": {
     "semi": false,
@@ -66,5 +68,8 @@
     "web-development",
     "frontend",
     "typescript"
-  ]
+  ],
+  "repository": {
+    "url": "git+https://github.com/adaptive-shield-matrix/astro-ui.git"
+  }
 }

package/lib/icon/Icon1.astro

@@ -1,21 +0,0 @@
----
-import { classMerge } from "~/utils/ui/classMerge"
-
-interface Props {
-  path: string
-  class?: string
-  title?: string
-  ariaHidden?: boolean
-}
-const props = Astro.props
-const ariaHidden = props.ariaHidden ?? !props.title
-// TODO: maybe re-add title={title}
----
-
-<svg
-  viewBox={"0 0 24 24"}
-  aria-hidden={ariaHidden}
-  class={classMerge("size-6 align-middle dark:fill-white", props.class)}
->
-  <path d={props.path}></path>
-</svg>

package/lib/img/classInvertDiagram.ts

@@ -1 +0,0 @@
-export const classInvertDiagram = "invert-diagram"

package/lib/img/classesImgZoomInOnHover.ts

@@ -1 +0,0 @@
-export const classesImgZoomInOnHover = "transform transition-transform duration-200 -translate-x-3 hover:scale-110"