@adgytec/adgytec-web-ui-components 2.2.0 → 2.3.1

package/dist/chunks/tapTarget.map

@@ -1 +1 @@
-{"version":3,"file":"tapTarget","names":[],"sources":["../../src/utils/tapTarget/tapTarget.module.css","../../src/utils/tapTarget/tapTarget.ts"],"sourcesContent":[".after,\n.before {\n    --min-tap-target-size: calc(48 * var(--dp, 1px));\n    --tap-target-default-size: 100%;\n\n    position: var(--position, relative);\n\n    &[data-disabled] {\n        --min-tap-target-size: 0;\n        --tap-target-default-size: 0px;\n    }\n}\n\n.after::after,\n.before::before {\n    content: \"\";\n    position: absolute;\n\n    min-inline-size: var(--min-tap-target-size);\n    min-block-size: var(--min-tap-target-size);\n\n    inline-size: var(--tap-target-default-size);\n    block-size: var(--tap-target-default-size);\n\n    inset-inline-start: 50%;\n    inset-block-start: 50%;\n    translate: -50% -50%;\n}\n","import styles from \"./tapTarget.module.css\";\n\nexport const TapTarget = styles[\"after\"];\nexport const TapTargetBefore = styles[\"before\"];\n"],"mappings":";;;GCEa,IAAY,EAAO,OACnB,IAAkB,EAAO"}
+{"version":3,"file":"tapTarget","names":["styles","tapTarget_module_default","TapTarget","\"after\"","TapTargetBefore","\"before\""],"sources":["../../src/utils/tapTarget/tapTarget.module.css","../../src/utils/tapTarget/tapTarget.ts"],"sourcesContent":[".after,\n.before {\n    --min-tap-target-size: calc(48 * var(--dp, 1px));\n    --tap-target-default-size: 100%;\n\n    position: var(--position, relative);\n\n    &[data-disabled] {\n        --min-tap-target-size: 0;\n        --tap-target-default-size: 0px;\n    }\n}\n\n.after::after,\n.before::before {\n    content: \"\";\n    position: absolute;\n\n    min-inline-size: var(--min-tap-target-size);\n    min-block-size: var(--min-tap-target-size);\n\n    inline-size: var(--tap-target-default-size);\n    block-size: var(--tap-target-default-size);\n\n    inset-inline-start: 50%;\n    inset-block-start: 50%;\n    translate: -50% -50%;\n}\n","import styles from \"./tapTarget.module.css\";\n\n/**\n * CSS class name that ensures an element meets the minimum accessible touch target size (48x48px / 48dp)\n * using an invisible centered `::after` pseudo-element.\n *\n * Implements WCAG Target Size recommendations (48x48px minimum touch area) for small or compact\n * interactive elements without affecting the visual layout or dimensions of the element itself.\n *\n * Automatically collapses to `0px` when the element has the `[data-disabled]` attribute.\n *\n * Extensively used across interactive controls including buttons, icon buttons, checkboxes,\n * radio buttons, switches, and avatar triggers.\n *\n * @remarks\n * If the element or an ancestor container applies `overflow: hidden` or `contain: paint`,\n * the pseudo-element's expanded hit area will be clipped to that boundary.\n *\n * @example\n * ```tsx\n * import { TapTarget } from \"@/utils\";\n * import clsx from \"clsx\";\n *\n * function CustomIconButton({ icon: Icon, onClick }) {\n *     return (\n *         <button type=\"button\" className={clsx(\"icon-button\", TapTarget)} onClick={onClick}>\n *             <Icon />\n *         </button>\n *     );\n * }\n * ```\n */\nexport const TapTarget = styles[\"after\"];\n\n/**\n * CSS class name that ensures an element meets the minimum accessible touch target size (48x48px / 48dp)\n * using an invisible centered `::before` pseudo-element.\n *\n * Alternative to {@link TapTarget} for components where the `::after` pseudo-element is already reserved\n * or in use (such as for focus rings, badges, or ripples).\n *\n * Automatically collapses to `0px` when the element has the `[data-disabled]` attribute.\n *\n * @remarks\n * If the element or an ancestor container applies `overflow: hidden` or `contain: paint`,\n * the pseudo-element's expanded hit area will be clipped to that boundary.\n *\n * @example\n * ```tsx\n * import { TapTargetBefore } from \"@/utils\";\n * import clsx from \"clsx\";\n *\n * function CustomAction({ onClick, children }) {\n *     return (\n *         <button type=\"button\" className={clsx(\"custom-action\", TapTargetBefore)} onClick={onClick}>\n *             {children}\n *         </button>\n *     );\n * }\n * ```\n */\nexport const TapTargetBefore = styles[\"before\"];\n"],"mappings":";;;GCgCaE,IAAYF,EAAOG,OA6BnBC,IAAkBJ,EAAOK"}

package/dist/chunks/types

@@ -0,0 +1,6 @@
+//#region src/components/Card/Card/types.ts
+var e = 12, t = 24;
+//#endregion
+export { e as n, t };
+
+//# sourceMappingURL=types.map

package/dist/chunks/types.map

@@ -0,0 +1 @@
+{"version":3,"file":"types","names":["PaddingBetweenCards","CardIconSize"],"sources":["../../src/components/Card/Card/types.ts"],"sourcesContent":["import type { GridListItem } from \"react-aria-components\";\n\n/**\n * Visual hierarchy and elevation variants for the {@link Card} component.\n *\n * - `\"filled\"`: Subtle contrast against a surface without elevation shadows (default).\n * - `\"elevated\"`: Elevated surface with drop shadow, separating card content from the background.\n * - `\"outlined\"`: Bordered surface with an outline stroke and no elevation shadow.\n */\nexport type CardVariant = \"elevated\" | \"outlined\" | \"filled\";\n\n/**\n * Props for the {@link Card} component.\n * Extends React Aria's `GridListItem` props, supporting interaction states,\n * selection, and press handlers.\n */\nexport interface CardProps\n    extends React.ComponentPropsWithRef<typeof GridListItem> {\n    /**\n     * The visual style and elevation variant of the card.\n     *\n     * @default \"filled\"\n     */\n    variant?: CardVariant;\n}\n\n/**\n * Recommended spacing (in pixels) between adjacent cards in a grid layout.\n */\nexport const PaddingBetweenCards = 12;\n\n/**\n * Fixed icon size (in pixels) used by the {@link CardIcon} component.\n */\nexport const CardIconSize = 24;\n"],"mappings":";AA6BA,IAAaA,IAAsB,IAKtBC,IAAe"}